"use strict";(self.webpackChunkfezcodex=self.webpackChunkfezcodex||[]).push([[1654],{11654(e,t,a){a.r(t),a.d(t,{default:()=>g});var n=a(89379),l=a(9950),r=a(18905),s=a(60268),o=a(73665),i=a(17103),c=a.n(i),m=a(89837),d=a(44414);const p=e=>{let{content:t,pageNumber:a,title:n}=e;return(0,d.jsx)("div",{className:"page",children:(0,d.jsxs)("div",{className:"page-inner",children:[(0,d.jsx)("div",{className:"notebook-header",children:n}),(0,d.jsx)("div",{className:"page-content",children:(0,d.jsx)("p",{children:t})}),(0,d.jsxs)("div",{className:"notebook-footer",children:["Page ",a]})]})})},h=e=>{let{title:t,author:a,date:n}=e;return(0,d.jsx)("div",{className:"page notebook-cover",children:(0,d.jsxs)("div",{className:"page-inner",children:[(0,d.jsx)("h2",{children:t}),a&&(0,d.jsx)("p",{className:"author",children:a}),n&&(0,d.jsx)("p",{className:"date",children:n})]})})},g=()=>{const{notebookId:e}=(0,r.g)(),[t,a]=(0,l.useState)(null),[i,g]=(0,l.useState)(0),[x,u]=(0,l.useState)(window.innerWidth<=1279);(0,l.useEffect)(()=>{Promise.all([fetch("/notebooks/notebooks.piml").then(e=>e.text()),fetch("/notebooks/".concat(e,".txt")).then(e=>e.text())]).then(t=>{let[l,r]=t;const s=c().parse(l).notebooks.find(t=>t.id===e),o=r.split("---page---");a((0,n.A)((0,n.A)({},s),{},{pages:o}))}).catch(e=>console.error("Error fetching notebook:",e));const t=()=>{u(window.innerWidth<768)};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[e]);if(!t)return(0,d.jsx)("div",{children:"Loading notebook..."});return(0,d.jsxs)("div",{className:"notebook-container",children:[(0,d.jsx)(m.A,{title:t?"".concat(t.title," | Notebooks"):"Notebook Viewer",description:"A digital notebook viewer for personal thoughts and notes."}),(0,d.jsxs)("div",{className:"book",children:[i>0&&(0,d.jsx)("div",{className:"clickable-edge left",onClick:()=>{if(x)g(e=>Math.max(e-1,0));else{const e=i%2===0?1:2;g(t=>Math.max(t-e,0))}},children:(0,d.jsx)(s.e,{size:32})}),0===i?(0,d.jsx)(h,{title:t.title,author:t.author,date:t.date}):i>t.pages.length?(0,d.jsx)(h,{title:"The End"}):x?(0,d.jsx)(p,{content:t.pages[i-1],pageNumber:i,title:t.title}):(0,d.jsxs)("div",{style:{display:"flex",width:"100%"},children:[(0,d.jsx)(p,{content:t.pages[i-1],pageNumber:i,title:t.title}),i<t.pages.length&&(0,d.jsx)(p,{content:t.pages[i],pageNumber:i+1,title:t.title})]}),t&&i<t.pages.length+1&&(0,d.jsx)("div",{className:"clickable-edge right",onClick:()=>{if(t)if(0===i)g(1);else{const e=x?1:2;g(a=>Math.min(a+e,t.pages.length+1))}},children:(0,d.jsx)(o.J,{size:32})})]}),t&&(0,d.jsxs)("div",{className:"slider-container",children:[(0,d.jsx)("input",{type:"range",min:"0",max:t.pages.length+1,value:i,onChange:e=>g(parseInt(e.target.value,10)),className:"slider"}),(0,d.jsxs)("div",{className:"page-number-display",children:["Page ",i," of ",t.pages.length+1]})]})]})}},47513(e,t,a){a.d(t,{A:()=>l});var n=a(9950);const l=new Map([["bold",n.createElement(n.Fragment,null,n.createElement("path",{d:"M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"}))],["duotone",n.createElement(n.Fragment,null,n.createElement("path",{d:"M176,128,96,208V48Z",opacity:"0.2"}),n.createElement("path",{d:"M181.66,122.34l-80-80A8,8,0,0,0,88,48V208a8,8,0,0,0,13.66,5.66l80-80A8,8,0,0,0,181.66,122.34ZM104,188.69V67.31L164.69,128Z"}))],["fill",n.createElement(n.Fragment,null,n.createElement("path",{d:"M181.66,133.66l-80,80A8,8,0,0,1,88,208V48a8,8,0,0,1,13.66-5.66l80,80A8,8,0,0,1,181.66,133.66Z"}))],["light",n.createElement(n.Fragment,null,n.createElement("path",{d:"M180.24,132.24l-80,80a6,6,0,0,1-8.48-8.48L167.51,128,91.76,52.24a6,6,0,0,1,8.48-8.48l80,80A6,6,0,0,1,180.24,132.24Z"}))],["regular",n.createElement(n.Fragment,null,n.createElement("path",{d:"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"}))],["thin",n.createElement(n.Fragment,null,n.createElement("path",{d:"M178.83,130.83l-80,80a4,4,0,0,1-5.66-5.66L170.34,128,93.17,50.83a4,4,0,0,1,5.66-5.66l80,80A4,4,0,0,1,178.83,130.83Z"}))]])},60268(e,t,a){a.d(t,{Z:()=>i,e:()=>o});var n=a(89379),l=a(9950),r=a(35507),s=a(72004);const o=l.forwardRef((e,t)=>l.createElement(r.A,(0,n.A)((0,n.A)({ref:t},e),{},{weights:s.A})));o.displayName="CaretLeftIcon";const i=o},72004(e,t,a){a.d(t,{A:()=>l});var n=a(9950);const l=new Map([["bold",n.createElement(n.Fragment,null,n.createElement("path",{d:"M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z"}))],["duotone",n.createElement(n.Fragment,null,n.createElement("path",{d:"M160,48V208L80,128Z",opacity:"0.2"}),n.createElement("path",{d:"M163.06,40.61a8,8,0,0,0-8.72,1.73l-80,80a8,8,0,0,0,0,11.32l80,80A8,8,0,0,0,168,208V48A8,8,0,0,0,163.06,40.61ZM152,188.69,91.31,128,152,67.31Z"}))],["fill",n.createElement(n.Fragment,null,n.createElement("path",{d:"M168,48V208a8,8,0,0,1-13.66,5.66l-80-80a8,8,0,0,1,0-11.32l80-80A8,8,0,0,1,168,48Z"}))],["light",n.createElement(n.Fragment,null,n.createElement("path",{d:"M164.24,203.76a6,6,0,1,1-8.48,8.48l-80-80a6,6,0,0,1,0-8.48l80-80a6,6,0,0,1,8.48,8.48L88.49,128Z"}))],["regular",n.createElement(n.Fragment,null,n.createElement("path",{d:"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"}))],["thin",n.createElement(n.Fragment,null,n.createElement("path",{d:"M162.83,205.17a4,4,0,0,1-5.66,5.66l-80-80a4,4,0,0,1,0-5.66l80-80a4,4,0,1,1,5.66,5.66L85.66,128Z"}))]])},73665(e,t,a){a.d(t,{J:()=>o,K:()=>i});var n=a(89379),l=a(9950),r=a(35507),s=a(47513);const o=l.forwardRef((e,t)=>l.createElement(r.A,(0,n.A)((0,n.A)({ref:t},e),{},{weights:s.A})));o.displayName="CaretRightIcon";const i=o},89837(e,t,a){a.d(t,{A:()=>s});a(9950);var n=a(18905),l=a(44414);const r="https://fezcode.com",s=e=>{let{title:t,description:a,image:s,keywords:o,ogImage:i,twitterImage:c,type:m}=e;const d=(0,n.zy)();if(!t||"Fezcodex"===t||"fezcodex"===t)return null;const p=r+d.pathname,h=d.pathname.startsWith("/apps"),g=s||i||c||(h?"/images/asset/ogtitle-apps.png":"/images/asset/ogtitle.png"),x=g.startsWith("http")?g:r+(g.startsWith("/")?"":"/")+g,u=Array.isArray(o)?o.join(", "):o,j=m||(d.pathname.startsWith("/blog")?"article":"website");return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("title",{children:t}),(0,l.jsx)("meta",{name:"description",content:a}),u&&(0,l.jsx)("meta",{name:"keywords",content:u}),(0,l.jsx)("meta",{property:"og:title",content:t}),(0,l.jsx)("meta",{property:"og:description",content:a}),(0,l.jsx)("meta",{property:"og:image",content:x}),(0,l.jsx)("meta",{property:"og:url",content:p}),(0,l.jsx)("meta",{property:"og:type",content:j}),(0,l.jsx)("meta",{property:"og:site_name",content:"Fezcodex"}),x.startsWith("https")&&(0,l.jsx)("meta",{property:"og:image:secure_url",content:x}),(0,l.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,l.jsx)("meta",{name:"twitter:title",content:t}),(0,l.jsx)("meta",{name:"twitter:description",content:a}),(0,l.jsx)("meta",{name:"twitter:image",content:x}),(0,l.jsx)("meta",{name:"twitter:url",content:p}),(0,l.jsx)("link",{rel:"canonical",href:p})]})}}}]);