@itsmrtr/bunkoshelf 1.10.2 → 1.11.0

package/dist/.next/static/chunks/12-e3uu90i1ci.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,512522,e=>{"use strict";var t=e.i(776172),n=e.i(196505),a=e.i(718146),r=e.i(7284),o=e.i(462658),l=e.i(982141),s=e.i(886412),i=e.i(467872),c=e.i(134609),d=e.i(721697),u=e.i(211805),p=e.i(739213),m=e.i(141128),h=e.i(789391),x=e.i(457767),f=e.i(590260);let b={fill:"#8a6fdc","fill-opacity":"0.26","mix-blend-mode":"multiply"},g=new Map,v={light:{background:"#fffdf7",color:"#1f1b16"},sepia:{background:"#f3e7cf",color:"#47382a"},dark:{background:"#181716",color:"#f5efe4"}};async function k(e){let t=g.get(e);if(t)return t.slice(0);let n=await fetch(`/api/reader/books/${encodeURIComponent(e)}/file`);if(!n.ok)throw Error("Book file request failed");let a=await n.arrayBuffer();if(g.set(e,a),g.size>3){let e=g.keys().next().value;e&&g.delete(e)}return a.slice(0)}function y({isOpen:a,onClose:r,slug:o,title:l,layout:s,intl:i}){let g=i.epubReader,j=(0,n.useRef)(null),w=(0,n.useRef)(null),N=(0,n.useRef)(null),C=(0,n.useRef)(null),S=(0,n.useRef)(null),R=(0,n.useRef)(null),E=(0,n.useRef)([]),T=(0,n.useRef)(null),I=(0,n.useRef)(()=>void 0),z=(0,n.useRef)(()=>void 0),$=(0,n.useRef)(!1),L=(0,n.useRef)(null),F=(0,n.useRef)("paginated"),P=(0,n.useRef)(null),[U,A]=(0,n.useState)(!1),[B,D]=(0,n.useState)(null),[O,M]=(0,n.useState)([]),[H,q]=(0,n.useState)(0),[J,_]=(0,n.useState)(null),[K,Y]=(0,n.useState)("light"),[W,X]=(0,n.useState)("paginated"),[G,Q]=(0,n.useState)(100),[V,Z]=(0,n.useState)("serif"),[ee,et]=(0,n.useState)(1.6),[en,ea]=(0,n.useState)(24),[er,eo]=(0,n.useState)(720),[el,es]=(0,n.useState)(!1),[ei,ec]=(0,n.useState)(!1),[ed,eu]=(0,n.useState)(!1),[ep,em]=(0,n.useState)(!0),[eh,ex]=(0,n.useState)([]),[ef,eb]=(0,n.useState)([]),[eg,ev]=(0,n.useState)([]),[ek,ey]=(0,n.useState)(null),[ej,ew]=(0,n.useState)(null),[eN,eC]=(0,n.useState)(null),[eS,eR]=(0,n.useState)(""),[eE,eT]=(0,n.useState)(!1),[eI,ez]=(0,n.useState)(!1),[e$,eL]=(0,n.useState)("contents"),[eF,eP]=(0,n.useState)(""),[eU,eA]=(0,n.useState)([]);(0,n.useEffect)(()=>{E.current=eg},[eg]),(0,n.useEffect)(()=>{a||(T.current=null,ew(null),eC(null),eT(!1),ez(!1),eR(""))},[a]);let eB=(0,n.useCallback)(()=>{em(!0)},[]),eD=(0,n.useCallback)(()=>{ec(!1),eu(!1)},[]),eO=(0,n.useCallback)(()=>{T.current=null,ew(null),eC(null),eT(!1),ez(!1),eR(""),eD(),r()},[eD,r]),eM=(0,n.useCallback)((e,t,n)=>{let a=n.range?.(t),r=a?.getBoundingClientRect(),o=n.window?.frameElement?.getBoundingClientRect();ew(null),eT(!1),ez(!1),eR(e.note||""),eC({annotation:e,x:(o?.left??0)+(r?.left??0)+(r?.width??0)/2,y:(o?.top??0)+(r?.top??0)}),em(!0)},[]),eH=(0,n.useCallback)((e,t)=>{e.annotations.highlight(t.cfiRange,{id:t.id},void 0,"bunko-highlight",b)},[]),eq=(0,n.useCallback)((e,t,n)=>E.current.find(a=>{let r=e.range?.(a.cfiRange);return Array.from(r?.getClientRects?.()??[]).some(e=>t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom)}),[]),eJ=(0,n.useCallback)(async e=>{let t,n=e?.start?.cfi;if(!n)return;let a="number"==typeof e.start.percentage?e.start.percentage:S.current?.locations?.percentageFromCfi?.(n)??0;_(n);let r=!0===e.atEnd,l=r?1:a;q(l),fetch(`/api/reader/books/${encodeURIComponent(o)}/progress`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({cfi:n,progression:l,chapterHref:e.start.href,isRead:r,readingDate:(t=new Date,`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`)})}).then(e=>{e.ok&&r&&window.dispatchEvent(new Event("bunko:challenge-updated"))})},[o]),e_=(0,n.useCallback)(()=>{let e=R.current;e&&"pre-paginated"!==s&&(e.flow(W),e.spread("paginated"===W?"auto":"none"),e.themes.default({body:{"background-color":v[K].background,color:v[K].color,"font-family":`${"serif"===V?"Georgia, serif":"Arial, sans-serif"} !important`,"font-size":`${G}% !important`,"line-height":`${ee} !important`,"padding-left":`${en}px !important`,"padding-right":`${en}px !important`,"max-width":`${er}px !important`,margin:"0 auto !important"}}))},[er,W,V,G,s,ee,en,K]);(0,n.useEffect)(()=>{e_()},[e_]),(0,n.useEffect)(()=>{F.current=W},[W]),(0,n.useEffect)(()=>{if(!ek)return;let e=setTimeout(()=>ey(null),2400);return()=>clearTimeout(e)},[ek]),(0,n.useEffect)(()=>{if(a&&!ei&&!ed&&(P.current&&clearTimeout(P.current),ep))return P.current=setTimeout(()=>em(!1),3500),()=>{P.current&&clearTimeout(P.current)}},[ep,a,ei,ed]),(0,n.useEffect)(()=>{a&&"pre-paginated"!==s&&(es(!1),fetch("/api/reader/books/preferences").then(e=>e.ok?e.json():null).then(e=>{e&&(Y(e.theme),X(e.flow),Z(e.fontFamily),Q(e.fontSize),et(e.lineHeight),ea(e.margin),eo(e.columnWidth))}).catch(()=>void 0).finally(()=>es(!0)))},[a,s]),(0,n.useEffect)(()=>{a&&"pre-paginated"!==s&&el&&fetch("/api/reader/books/preferences",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({theme:K,flow:W,fontFamily:V,fontSize:G,lineHeight:ee,margin:en,columnWidth:er})})},[er,W,V,G,a,s,ee,en,el,K]),(0,n.useEffect)(()=>{if(!a||!j.current)return;let t=!1;return(async()=>{A(!0),D(null),em(!0),ey(null);try{let[n,a,r]=await Promise.all([e.A(369155),k(o),fetch(`/api/reader/books/${encodeURIComponent(o)}/state`)]),l=r.ok?await r.json():{progress:null,bookmarks:[],annotations:[]},i=(0,n.default)(a);if(S.current=i,await i.ready,t||!j.current)return;let c=i.renderTo(j.current,{width:"100%",height:"100%",flow:"pre-paginated"===s?"paginated":F.current,allowScriptedContent:!1,spread:"auto",minSpreadWidth:720});R.current=c,c.hooks.content.register(e=>{let t=e.document,n=t.body,a=Array.from(n.querySelectorAll("img")),r=n.textContent?.replace(/\s/g,"")??"";a.length&&r.length<80&&(n.style.setProperty("display","grid","important"),n.style.setProperty("place-items","center","important"),n.style.setProperty("min-height","100%","important"),a.forEach(e=>{e.style.setProperty("width","auto","important"),e.style.setProperty("height","auto","important"),e.style.setProperty("max-width","100%","important"),e.style.setProperty("max-height","100%","important"),e.style.setProperty("object-fit","contain","important")})),t.addEventListener("click",t=>{let n=t.changedTouches?.[0]??null,a=n?n.clientX:t.clientX,r=n?n.clientY:t.clientY,o=eq(e,a,r);if(o){t.preventDefault(),t.stopPropagation(),eM(o,o.cfiRange,e);return}T.current||(eD(),ew(null),eC(null),em(e=>!e))}),t.addEventListener("keydown",e=>z.current(e));let o=()=>{window.setTimeout(()=>{let t=T.current;if(!t||t.contents!==e)return;let n=e.window.getSelection(),a=n?.toString().trim();if(!a){T.current=null;return}let r=n.rangeCount?n.getRangeAt(0):null,o=r?.getBoundingClientRect(),l=e.window.frameElement?.getBoundingClientRect(),s=(l?.left??0)+(o?.left??0)+(o?.width??0)/2,i=(l?.top??0)+(o?.top??0),c=E.current.find(e=>e.cfiRange===t.cfiRange);T.current=null,c?(ew(null),eT(!1),eC({annotation:c,x:s,y:i})):(eC(null),eT(!1),ez(!1),eR(""),ew({cfiRange:t.cfiRange,excerpt:a,x:s,y:i})),em(!0),n?.removeAllRanges()},0)};I.current=o;let l=()=>{$.current=!0};t.addEventListener("mousedown",l),t.addEventListener("touchstart",l),t.addEventListener("mouseup",o),t.addEventListener("touchend",o),t.addEventListener("pointerup",()=>{$.current=!1,o()})}),"reflowable"===s&&e_();let d=()=>{requestAnimationFrame(()=>requestAnimationFrame(()=>{t||c.views().forEach(e=>e.pane?.render?.())}))};if(c.on("rendered",d),c.on("relocated",e=>{eJ(e),d()}),c.on("selected",(e,t)=>{T.current={cfiRange:e,contents:t},$.current||window.setTimeout(()=>I.current(),0)}),ex(l.bookmarks.map(e=>e.cfi)),eb(l.bookmarks),ev(l.annotations),E.current=l.annotations,await c.display(l.progress?.cfi??void 0),await new Promise(e=>requestAnimationFrame(()=>requestAnimationFrame(()=>e()))),t)return;for(let e of l.annotations)eH(c,e);d();let u=c.currentLocation?.()?.start?.cfi;u&&_(u),q(l.progress?.progression??0),M(i.navigation?.toc??[]),i.locations.generate(1600).then(()=>{let e=c.currentLocation?.()?.start?.cfi;e&&q(i.locations.percentageFromCfi(e))})}catch{t||D(g.openFailed)}finally{t||(em(!0),A(!1))}})(),()=>{t=!0,R.current?.destroy(),R.current=null,S.current?.destroy(),S.current=null}},[e_,eD,eq,a,s,eM,eJ,g.openFailed,eH,o]),(0,n.useEffect)(()=>{if(a&&"wakeLock"in navigator)return navigator.wakeLock.request("screen").then(e=>{L.current=e}).catch(()=>void 0),()=>{L.current?.release(),L.current=null}},[a]);let eK=(0,n.useCallback)(e=>{if(!a)return;let t=e.target;if(!t?.closest("input, textarea, select, [contenteditable='true']")){if("Escape"===e.key){e.preventDefault(),ei||ed?eD():eO();return}"ArrowLeft"===e.key&&(e.preventDefault(),R.current?.prev()),("ArrowRight"===e.key||" "===e.key)&&(e.preventDefault(),R.current?.next())}},[eD,eO,a,ei,ed]);(0,n.useEffect)(()=>{z.current=eK},[eK]),(0,n.useEffect)(()=>(window.addEventListener("keydown",eK),()=>window.removeEventListener("keydown",eK)),[eK]),(0,n.useEffect)(()=>{if(!a||!ei&&!ed)return;let e=e=>{let t=e.target;w.current?.contains(t)||C.current?.contains(t)||N.current?.contains(t)||eD()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[eD,a,ei,ed]);let eY=async e=>{await R.current?.display(e),eu(!1)},eW=async e=>{(await fetch(`/api/reader/books/${encodeURIComponent(o)}/bookmarks?id=${encodeURIComponent(e.id)}`,{method:"DELETE"})).ok?(eb(t=>t.filter(t=>t.id!==e.id)),ex(t=>t.filter(t=>t!==e.cfi)),ey(g.bookmarkDeleted)):ey(g.bookmarkDeleteFailed)},eX=async()=>{let e=J??R.current?.currentLocation?.()?.start?.cfi;if(!e)return void ey(g.noLocation);let t=ef.find(t=>t.cfi===e);if(t)return void await eW(t);let n=await fetch(`/api/reader/books/${encodeURIComponent(o)}/bookmarks`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({cfi:e,label:l})});if(n.ok){let t=await n.json();ex(t=>[...t,e]),eb(e=>[...e,t]),ey(g.bookmarkSaved)}else ey(g.bookmarkSaveFailed)},eG=async e=>{(await fetch(`/api/reader/books/${encodeURIComponent(o)}/annotations?id=${encodeURIComponent(e.id)}`,{method:"DELETE"})).ok?(R.current?.annotations.remove(e.cfiRange,"highlight"),ev(t=>t.filter(t=>t.id!==e.id)),eC(null),ez(!1),ey(g.highlightDeleted)):ey(g.highlightDeleteFailed)},eQ=async e=>{if(!ej)return;let t=await fetch(`/api/reader/books/${encodeURIComponent(o)}/annotations`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({cfiRange:ej.cfiRange,excerpt:ej.excerpt,note:e,color:"lilah"})});if(!t.ok)return void ey(g.highlightSaveFailed);let n=await t.json();ev(e=>[...e,n]),eH(R.current,n),ew(null),eT(!1),ey(e?g.noteSaved:g.highlightSaved)},eV=async e=>{let t=await fetch(`/api/reader/books/${encodeURIComponent(o)}/annotations`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e.id,note:null})});if(!t.ok)return void ey(g.noteDeleteFailed);let n=await t.json();ev(e=>e.map(e=>e.id===n.id?n:e)),eC(e=>e?{...e,annotation:n}:null),ey(g.noteDeleted)},eZ=async e=>{let t=eS.trim();if(!t)return;let n=await fetch(`/api/reader/books/${encodeURIComponent(o)}/annotations`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e.id,note:t})});if(!n.ok)return void ey(g.noteSaveFailed);let a=await n.json();ev(e=>e.map(e=>e.id===a.id?a:e)),eC(e=>e?{...e,annotation:a}:null),ez(!1),ey(g.noteSaved)},e0=async()=>{let e=S.current,t=eF.trim().toLocaleLowerCase();if(!e||!t)return eA([]);let n=[];for(let a of e.spine?.spineItems??[])for(let e of await a.find(t)??[])n.push({label:e.excerpt||a.href,cfi:e.cfi});eA(n.slice(0,50))},e1=e=>{eB(),ew(null),eC(null),eT(!1),ez(!1),"toc"===e?(eu(e=>!e),ec(!1)):(ec(e=>!e),eu(!1))};if(!a)return null;let e2=!!J&&eh.includes(J);return(0,t.jsxs)("div",{className:"fixed inset-0 z-50 overflow-hidden bg-onix text-sand",children:[(0,t.jsxs)("header",{ref:w,className:`absolute inset-x-0 top-0 z-30 flex h-12 items-center justify-between gap-3 border-b border-white/15 bg-onix/95 px-3 transition-transform duration-200 ${ep?"translate-y-0":"-translate-y-full pointer-events-none"}`,children:[(0,t.jsx)("span",{className:"min-w-0 truncate font-semibold",children:l}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("button",{onClick:()=>e1("toc"),title:g.contents,"aria-label":g.contents,className:"cursor-pointer p-2",children:(0,t.jsx)(p.MenuIcon,{size:24})}),(0,t.jsx)("button",{onClick:eX,title:e2?g.removeBookmark:g.addBookmark,"aria-label":e2?g.removeBookmark:g.addBookmark,className:"cursor-pointer p-2",children:(0,t.jsx)(c.BookmarkIcon,{size:24,className:e2?"fill-lilah text-lilah":""})}),"reflowable"===s&&(0,t.jsx)("button",{onClick:()=>e1("settings"),title:g.settings,"aria-label":g.settings,className:"cursor-pointer p-2",children:(0,t.jsx)(x.Settings2Icon,{size:24})}),(0,t.jsx)("button",{onClick:eO,title:g.close,"aria-label":g.close,className:"cursor-pointer p-2",children:(0,t.jsx)(m.Minimize2Icon,{size:24})})]})]}),ei&&(0,t.jsx)("div",{ref:C,className:"absolute right-3 top-12 z-40 w-[min(24rem,calc(100vw-1.5rem))] rounded-b-lg bg-blackamber p-5 shadow-xl",children:(0,t.jsxs)("div",{className:"grid gap-4 text-base",children:[(0,t.jsxs)("label",{className:"grid grid-cols-[7rem_1fr] items-center gap-3",children:[g.theme,(0,t.jsxs)("select",{value:K,onChange:e=>Y(e.target.value),className:"cursor-pointer rounded bg-onix px-3 py-2 text-base",children:[(0,t.jsx)("option",{value:"light",children:g.light}),(0,t.jsx)("option",{value:"sepia",children:g.sepia}),(0,t.jsx)("option",{value:"dark",children:g.dark})]})]}),(0,t.jsxs)("label",{className:"grid grid-cols-[7rem_1fr] items-center gap-3",children:[g.flow,(0,t.jsxs)("select",{value:W,onChange:e=>X(e.target.value),className:"cursor-pointer rounded bg-onix px-3 py-2 text-base",children:[(0,t.jsx)("option",{value:"paginated",children:g.paginated}),(0,t.jsx)("option",{value:"scrolled-continuous",children:g.scrolled})]})]}),(0,t.jsxs)("label",{className:"grid grid-cols-[7rem_1fr] items-center gap-3",children:[g.font,(0,t.jsxs)("select",{value:V,onChange:e=>Z(e.target.value),className:"cursor-pointer rounded bg-onix px-3 py-2 text-base",children:[(0,t.jsx)("option",{value:"serif",children:g.serif}),(0,t.jsx)("option",{value:"sans",children:g.sans})]})]}),(0,t.jsxs)("label",{className:"grid grid-cols-[7rem_1fr] items-center gap-3",children:[g.fontSize,(0,t.jsx)("input",{className:"w-full cursor-pointer accent-lilah",type:"range",min:"80",max:"160",value:G,onChange:e=>Q(Number(e.target.value))})]}),(0,t.jsxs)("label",{className:"grid grid-cols-[7rem_1fr] items-center gap-3",children:[g.lineHeight,(0,t.jsx)("input",{className:"w-full cursor-pointer accent-lilah",type:"range",min:"1.2",max:"2.4",step:"0.1",value:ee,onChange:e=>et(Number(e.target.value))})]}),(0,t.jsxs)("label",{className:"grid grid-cols-[7rem_1fr] items-center gap-3",children:[g.margin,(0,t.jsx)("input",{className:"w-full cursor-pointer accent-lilah",type:"range",min:"0",max:"80",value:en,onChange:e=>ea(Number(e.target.value))})]}),(0,t.jsxs)("label",{className:"grid grid-cols-[7rem_1fr] items-center gap-3",children:[g.column,(0,t.jsx)("input",{className:"w-full cursor-pointer accent-lilah",type:"range",min:"320",max:"1200",value:er,onChange:e=>eo(Number(e.target.value))})]})]})}),ed&&(0,t.jsxs)("aside",{ref:N,className:"absolute bottom-0 left-0 top-12 z-40 w-[min(24rem,calc(100vw-1.5rem))] overflow-y-auto bg-blackamber p-5 shadow-xl",children:[(0,t.jsxs)("div",{className:"mb-4 flex gap-2 border-b border-white/15",children:[(0,t.jsx)("button",{onClick:()=>eL("contents"),className:`cursor-pointer px-2 pb-2 text-base ${"contents"===e$?"border-b-2 border-lilah text-lilah":"text-sand"}`,children:g.contents}),(0,t.jsxs)("button",{onClick:()=>eL("bookmarks"),className:`cursor-pointer px-2 pb-2 text-base ${"bookmarks"===e$?"border-b-2 border-lilah text-lilah":"text-sand"}`,children:[g.bookmarks," ",ef.length>0?`(${ef.length})`:""]}),(0,t.jsxs)("button",{onClick:()=>eL("annotations"),className:`cursor-pointer px-2 pb-2 text-base ${"annotations"===e$?"border-b-2 border-lilah text-lilah":"text-sand"}`,children:[g.annotations," ",eg.length>0?`(${eg.length})`:""]})]}),"contents"===e$?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"mb-4 flex gap-2",children:[(0,t.jsx)("input",{value:eF,onChange:e=>eP(e.target.value),onKeyDown:e=>"Enter"===e.key&&e0(),placeholder:g.searchPlaceholder,className:"min-w-0 flex-1 rounded bg-onix px-3 py-2 text-base"}),(0,t.jsx)("button",{onClick:e0,"aria-label":g.searchPlaceholder,className:"cursor-pointer rounded bg-lilah p-2 text-onix",children:(0,t.jsx)(h.SearchIcon,{size:20})})]}),eU.map(e=>(0,t.jsx)("button",{onClick:()=>eY(e.cfi),className:"block w-full cursor-pointer py-2 text-left text-base hover:text-lilah",children:e.label},e.cfi)),O.map(e=>(0,t.jsx)("button",{onClick:()=>eY(e.href),className:"block w-full cursor-pointer py-2 text-left text-base hover:text-lilah",children:e.label},e.href))]}):"bookmarks"===e$?(0,t.jsx)("div",{className:"space-y-1",children:0===ef.length?(0,t.jsx)("p",{className:"py-2 text-base text-neutral-400",children:g.noBookmarks}):ef.map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded hover:bg-onix",children:[(0,t.jsxs)("button",{onClick:()=>eY(e.cfi),className:"min-w-0 flex-1 cursor-pointer px-2 py-3 text-left text-base hover:text-lilah",children:[(0,t.jsx)("span",{className:"block truncate",children:e.chapterLabel||e.label||g.markedPage}),(0,t.jsx)("span",{className:"mt-1 block text-sm text-neutral-400",children:g.goToLocation})]}),(0,t.jsx)("button",{onClick:()=>eW(e),title:g.removeBookmark,"aria-label":g.removeBookmark,className:"cursor-pointer p-3 text-neutral-400 hover:text-lilah",children:(0,t.jsx)(f.Trash2Icon,{size:18})})]},e.id))}):(0,t.jsx)("div",{className:"space-y-2",children:0===eg.length?(0,t.jsx)("p",{className:"py-2 text-base text-neutral-400",children:g.noAnnotations}):eg.map(e=>(0,t.jsxs)("div",{className:"rounded bg-onix/60 p-3",children:[(0,t.jsxs)("button",{onClick:()=>eY(e.cfiRange),className:"block w-full cursor-pointer text-left hover:text-lilah",children:[(0,t.jsx)("span",{className:"block text-base leading-relaxed",children:e.excerpt||g.highlightedText}),(0,t.jsx)("span",{className:"mt-2 block text-sm text-lilah",children:g.goToLocation})]}),e.note&&(0,t.jsxs)("p",{className:"mt-3 border-t border-white/10 pt-3 text-base text-sand",children:[(0,t.jsx)("span",{className:"mr-2 text-sm uppercase text-neutral-400",children:g.note}),e.note]}),(0,t.jsxs)("button",{onClick:()=>eG(e),className:"mt-3 flex cursor-pointer items-center gap-2 text-sm text-neutral-400 hover:text-lilah",children:[(0,t.jsx)(f.Trash2Icon,{size:16}),g.deleteHighlight]})]},e.id))})]}),ek&&(0,t.jsx)("p",{className:"absolute left-1/2 top-16 z-50 -translate-x-1/2 rounded bg-blackamber px-3 py-2 text-sm shadow",children:ek}),ej&&(0,t.jsx)("div",{className:"fixed z-50 -translate-x-1/2 -translate-y-full rounded-lg bg-blackamber p-2 shadow-xl",style:{left:ej.x,top:ej.y-8},children:eE?(0,t.jsxs)("div",{className:"w-64 space-y-2",children:[(0,t.jsx)("textarea",{value:eS,onChange:e=>eR(e.target.value),onKeyDown:e=>e.stopPropagation(),autoFocus:!0,placeholder:g.writeNote,className:"min-h-20 w-full rounded bg-onix p-2 text-sm"}),(0,t.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,t.jsx)("button",{onClick:()=>{eT(!1),eR("")},className:"cursor-pointer px-2 py-1 text-sm",children:g.cancel}),(0,t.jsx)("button",{onClick:()=>eQ(eS.trim()||null),className:"cursor-pointer rounded bg-lilah px-3 py-1 text-sm text-pearl",children:g.save})]})]}):(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("button",{onClick:()=>eQ(null),className:"cursor-pointer rounded px-3 py-2 text-sm hover:bg-onix",children:g.highlight}),(0,t.jsx)("button",{onClick:()=>eT(!0),className:"cursor-pointer rounded px-3 py-2 text-sm hover:bg-onix",children:g.annotate})]})}),eN&&(0,t.jsx)("div",{className:"fixed z-50 -translate-x-1/2 -translate-y-full rounded-lg bg-blackamber p-2 shadow-xl",style:{left:eN.x,top:eN.y-8},children:eI?(0,t.jsxs)("div",{className:"w-64 space-y-2",children:[(0,t.jsx)("textarea",{value:eS,onChange:e=>eR(e.target.value),onKeyDown:e=>e.stopPropagation(),autoFocus:!0,placeholder:g.writeNote,className:"min-h-20 w-full rounded bg-onix p-2 text-sm"}),(0,t.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,t.jsx)("button",{onClick:()=>ez(!1),className:"cursor-pointer px-2 py-1 text-sm",children:g.cancel}),(0,t.jsx)("button",{onClick:()=>eZ(eN.annotation),className:"cursor-pointer rounded bg-lilah px-3 py-1 text-sm text-pearl",children:g.save})]})]}):(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("button",{onClick:()=>ez(!0),className:"cursor-pointer rounded px-3 py-2 text-sm hover:bg-onix",children:eN.annotation.note?g.editNote:g.annotate}),eN.annotation.note&&(0,t.jsx)("button",{onClick:()=>eV(eN.annotation),className:"cursor-pointer rounded px-3 py-2 text-sm hover:bg-onix",children:g.deleteNote}),(0,t.jsx)("button",{onClick:()=>eG(eN.annotation),className:"cursor-pointer rounded px-3 py-2 text-sm hover:bg-onix",children:eN.annotation.note?g.deleteBoth:g.deleteHighlight})]})}),(0,t.jsxs)("main",{className:"relative h-full w-full",style:v[K],onPointerUp:e=>{e.target===e.currentTarget&&(eD(),ew(null),eC(null),ez(!1),em(e=>!e))},children:[U&&(0,t.jsx)("div",{className:"absolute inset-0 z-20 grid place-items-center bg-onix",children:g.opening}),B&&(0,t.jsx)("div",{className:"absolute inset-0 z-20 grid place-items-center bg-onix p-6 text-center",children:B}),(0,t.jsx)("div",{ref:j,className:"h-full w-full"})]}),(0,t.jsxs)("footer",{className:`absolute inset-x-0 bottom-0 z-30 flex h-11 items-center justify-between gap-4 border-t border-white/15 bg-onix/95 px-3 transition-transform duration-200 ${ep?"translate-y-0":"translate-y-full pointer-events-none"}`,children:[(0,t.jsx)("button",{onClick:()=>R.current?.prev(),title:g.previous,"aria-label":g.previous,className:"cursor-pointer p-2",children:(0,t.jsx)(d.ChevronLeftIcon,{size:24})}),(0,t.jsxs)("span",{className:"text-sm",children:[Math.round(100*H),"%"]}),(0,t.jsx)("button",{onClick:()=>R.current?.next(),title:g.next,"aria-label":g.next,className:"cursor-pointer p-2",children:(0,t.jsx)(u.ChevronRightIcon,{size:24})})]})]})}var j=e.i(352009);let w=(0,j.createServerReference)("4003f0d82286aa58824204348b1195d8c9ec54d846",j.callServer,void 0,j.findSourceMapURL,"updateBookReadState");e.s(["default",0,function({slug:e,title:c,layout:d,intl:u}){let p=(0,a.useRouter)(),m=u.books,[h,x]=(0,n.useState)(!1),[f,b]=(0,n.useState)(!1),[g,v]=(0,n.useState)(!1),[k,j]=(0,n.useState)(!1);(0,n.useEffect)(()=>{fetch(`/api/reader/books/${encodeURIComponent(e)}/progress`).then(e=>e.ok?e.json():null).then(e=>{b(e?.isFavorite===!0),v(e?.isRead===!0)}).catch(()=>void 0)},[e]);let N=async t=>{j(!0);try{if(!(await fetch(`/api/reader/books/${encodeURIComponent(e)}/progress`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})).ok)return;void 0!==t.isFavorite&&b(t.isFavorite),void 0!==t.isRead&&(v(t.isRead),t.isRead&&window.dispatchEvent(new Event("bunko:challenge-updated"))),p.refresh()}finally{j(!1)}},C=async()=>{j(!0);try{let t,n=!g;if(!(await w({slug:e,read:n,readAt:n?(t=new Date,`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`):void 0})).success)return;v(n),n&&window.dispatchEvent(new Event("bunko:challenge-updated")),p.refresh()}finally{j(!1)}};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex flex-row mt-4 gap-2",children:[(0,t.jsxs)("button",{onClick:()=>x(!0),"aria-label":m.read,className:"flex items-center gap-2 px-4 py-3 2xl:px-5 2xl:py-4 rounded-lg leading-none border border-lilah bg-lilah text-pearl hover:bg-pearl hover:text-onix hover:border-pearl transition-all duration-300 cursor-pointer",children:[(0,t.jsx)(o.BookCheckIcon,{size:20}),(0,t.jsx)("span",{className:"font-bold uppercase",children:m.read})]}),(0,t.jsx)("button",{onClick:()=>void C(),disabled:k,className:(0,r.default)("p-3 2xl:p-4 rounded-lg leading-none border transition-all duration-300 cursor-pointer",g?"text-onix bg-sand border-sand hover:bg-pearl hover:border-pearl":"text-sand bg-blackamber border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl"),title:g?m.markUnread:m.markRead,"aria-label":g?m.markUnread:m.markRead,children:(0,t.jsx)(l.CheckIcon,{size:20})}),(0,t.jsx)("button",{onClick:()=>void N({isFavorite:!f}),disabled:k,className:(0,r.default)("p-3 2xl:p-4 rounded-lg leading-none border transition-all duration-300 cursor-pointer",f?"text-onix bg-sand border-sand hover:bg-pearl hover:border-pearl":"text-sand bg-blackamber border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl"),title:f?m.removeFavorite:m.addFavorite,"aria-label":f?m.removeFavorite:m.addFavorite,children:f?(0,t.jsx)(i.HeartOffIcon,{size:20}):(0,t.jsx)(s.HeartIcon,{size:20})})]}),(0,t.jsx)(y,{isOpen:h,onClose:()=>x(!1),slug:e,title:c,layout:d,intl:u})]})}],512522)},346960,e=>{"use strict";var t=e.i(776172),n=e.i(196505),a=e.i(293413),r=e.i(189107),o=e.i(677851),l=e.i(712903),s=e.i(432098),i=e.i(434872),c=e.i(352009);let d=(0,c.createServerReference)("406d2824bbf5f20d32fb0f90a53dcd4fbcb478adfa",c.callServer,void 0,c.findSourceMapURL,"createBookReadingEntry"),u=(0,c.createServerReference)("40c664789a12ba7f275917c07aaba40356e7a6c1f4",c.callServer,void 0,c.findSourceMapURL,"deleteBookReadingEntry"),p=(0,c.createServerReference)("403d6c494d3a8017cbfdd52dd16c2fe4766bc9e285",c.callServer,void 0,c.findSourceMapURL,"updateBookReadingEntry");function m({isOpen:e,onClose:a,volumeId:r,entry:o,intl:c}){let h=c.books,[x,f]=(0,n.useState)(""),[b,g]=(0,n.useState)(!1),{confirm:v}=(0,i.useAlertDialog)(),k=!!o;(0,n.useEffect)(()=>{e&&f(o?.readAt??"")},[o,e]);let y=async e=>{if(e.preventDefault(),!x)return;g(!0);let t=k?await p({entryId:o.id,readAt:x}):await d({volumeId:r,readAt:x});g(!1),t.success&&window.location.reload()},j=async()=>{if(!await v({title:h.deleteReadingEntry,description:c.alerts?.confirmDelete||"Are you sure?",destructive:!0,irreversible:!0}))return;g(!0);let e=await u({entryId:o.id});g(!1),e.success&&window.location.reload()};return(0,t.jsxs)(s.default,{isOpen:e,onClose:a,children:[(0,t.jsxs)("h2",{className:"mb-6 flex items-center",children:[(0,t.jsx)(l.PenLineIcon,{size:24,className:"mr-2"}),k?h.editEntry:h.addEntry]}),(0,t.jsxs)("form",{onSubmit:y,className:"space-y-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"mb-1 block text-sm uppercase",children:h.date}),(0,t.jsx)("input",{type:"date",value:x,onChange:e=>f(e.target.value),className:"w-full rounded-lg border border-onix bg-pearl px-5 py-3",required:!0})]}),(0,t.jsxs)("div",{className:"flex gap-3",children:[(0,t.jsx)("button",{type:"submit",disabled:b,className:"cursor-pointer rounded-lg border border-sand bg-sand px-8 py-4 font-bold leading-none uppercase text-onix transition-all duration-300 hover:border-onix hover:bg-onix hover:text-sand disabled:opacity-50",children:h.save}),k&&(0,t.jsx)("button",{type:"button",onClick:j,disabled:b,className:"cursor-pointer rounded-lg border border-red-700 bg-red-700 px-8 py-4 font-bold leading-none uppercase text-sand transition-all duration-300 hover:bg-red-800 disabled:opacity-50",children:h.deleteEntry})]})]})]})}e.s(["default",0,function({volumeId:e,entries:l,intl:s}){let i=s.books,[c,d]=(0,n.useState)(!1),[u,p]=(0,n.useState)(null);return(0,t.jsxs)("div",{children:[(0,t.jsxs)("button",{onClick:()=>{p(null),d(!0)},className:"mb-4 flex cursor-pointer items-center gap-1 text-sm uppercase text-lilah transition-colors duration-300 hover:text-sand",children:[(0,t.jsx)(r.PlusIcon,{size:18}),i.addEntry]}),0===l.length?(0,t.jsx)("p",{className:"text-neutral-500",children:i.noReadingEntries}):(0,t.jsx)("div",{className:"relative",children:l.map((e,n)=>{let r=n<l.length-1;return(0,t.jsxs)("div",{className:"relative pb-4 last:pb-0",children:[(0,t.jsxs)("button",{type:"button",onClick:()=>{p(e),d(!0)},className:"group inline-flex cursor-pointer items-start gap-4 text-left",children:[r?(0,t.jsx)(o.RepeatIcon,{size:20,className:"text-lilah transition-colors duration-300 group-hover:text-sand"}):(0,t.jsx)(a.BookOpenCheckIcon,{size:20,className:"text-lilah transition-colors duration-300 group-hover:text-sand"}),(0,t.jsxs)("span",{className:"flex flex-col",children:[(0,t.jsx)("span",{className:"leading-none text-sand",children:r?i.reread:i.firstRead}),(0,t.jsx)("span",{className:"mt-1 text-sm text-neutral-500",children:e.readAt})]})]}),n<l.length-1&&(0,t.jsx)("div",{className:"absolute bottom-[4px] left-[9px] top-[24px] w-[2px] bg-lilah"})]},e.id)})}),(0,t.jsx)(m,{isOpen:c,onClose:()=>d(!1),volumeId:e,entry:u,intl:s})]})}],346960)}]);