https://appdo.xyz/_next/static/chunks/12061.0d1d3ed73e52f731.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5581,8791,12061,20696,27962,31172,33035,38302,50343,53553,64029,72724,75934,86410,91371,98315],{522:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(37876),n=r(5581);let l=e=>{let{icon:t}=e;return t?t.startsWith("http")||t.startsWith("data:")?(0,a.jsx)(n.A,{src:t,width:32,height:32,className:"w-8 h-8 my-auto inline mr-1"}):(0,a.jsx)("span",{className:"mr-1",children:t}):(0,a.jsx)(a.Fragment,{})}},5581:(e,t,r)=>{r.d(t,{A:()=>c});var a=r(37876),n=r(22507),l=r(77328),s=r.n(l),i=r(14232);function c(e){let{priority:t,id:r,src:l,alt:c,fallbackSrc:d,placeholderSrc:h,className:u,width:g,height:x,title:f,onLoad:m,onClick:p,style:v,loading:y}=e,w=((e,t)=>{let r=Number(e),a=Number(t);return Number.isFinite(r)&&r>0?Number.isFinite(a)&&a>0?Math.min(r,a):r:t})(g,(0,n.CQ)("IMAGE_COMPRESS_WIDTH")),j=(0,n.CQ)("IMG_LAZY_LOAD_PLACEHOLDER"),b=(0,i.useRef)(null),[N,_]=(0,i.useState)(t&&l?o(l,w):h||j),[k,I]=(0,i.useState)(!!(t&&l)),A=(0,i.useCallback)(()=>{b.current&&(b.current.src!==d&&d?b.current.src=d:b.current.src!==h&&h?b.current.src=h:b.current.src=j,I(!0),b.current.classList.remove("lazy-image-placeholder"))},[j,d,h]);(0,i.useEffect)(()=>{let e=o(l,w)||j,r=b.current,a=()=>{"function"==typeof m&&m(),I(!0),b.current&&b.current.classList.remove("lazy-image-placeholder")};if(t||!window.IntersectionObserver){let t=new Image;t.src=e,t.onload=()=>{_(e),a(e)},t.onerror=A;return}let s=new IntersectionObserver(t=>{t.forEach(t=>{if(t.isIntersecting){let r=new Image;"decoding"in r&&(r.decoding="async"),r.src=e,r.onload=()=>{_(e),a(e)},r.onerror=A,s.unobserve(t.target)}})},{rootMargin:(0,n.CQ)("LAZY_LOAD_THRESHOLD","200px"),threshold:.1});return r&&s.observe(r),()=>{r&&s.unobserve(r)}},[l,w,t,j,d,A,m,h]);let C={ref:b,src:N,"data-src":l,alt:c||"Lazy loaded image",onLoad:()=>{},onError:A,className:"".concat(u||"").concat(k?"":" lazy-image-placeholder"),style:{aspectRatio:g&&x?"".concat(g," / ").concat(x):void 0,containIntrinsicSize:g||x?void 0:"300px 200px",...v},onClick:p,loading:t?"eager":y||"lazy",decoding:"async",...(0,n.CQ)("WEBP_SUPPORT")&&{"data-webp":!0},...(0,n.CQ)("AVIF_SUPPORT")&&{"data-avif":!0}};return(r&&(C.id=r),f&&(C.title=f),g&&(C.width=g),x&&(C.height=x),t&&(C.fetchpriority="high"),l)?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("img",{alt:C.alt,...C}),t&&(0,a.jsx)(s(),{children:(0,a.jsx)("link",{rel:"preload",as:"image",href:o(l,w),fetchpriority:"high"})})]}):null}let o=(e,t)=>{var r,a;if(!e)return null;let n=(null==(a=window)||null==(r=a.screen)?void 0:r.width)||t,l=Number(t),s=Number.isFinite(l)&&l>0?Math.min(n,l):n;return s?e.replace(/width=\d+/,"width=".concat(s)).replace(/w=\d+/,"w=".concat(s)):e}},12061:(e,t,r)=>{r.r(t),r.d(t,{default:()=>o});var a=r(37876),n=r(5581),l=r(522),s=r(22507),i=r(38302),c=r(91371);function o(e){var t;let{post:r}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-y-4 py-4 px-2 lg:px-0",children:[(0,a.jsxs)("div",{className:"flex w-full justify-center items-center gap-x-1 min-w-0",children:[(0,s.CQ)("MAGZINE_POST_LIST_CATEGORY")&&(0,a.jsx)(i.default,{category:null==r?void 0:r.category}),(0,a.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-start flex-nowrap overflow-x-auto scroll-hidden gap-x-3 text-gray-400",children:(0,s.CQ)("MAGZINE_POST_LIST_TAG")&&(null==r||null==(t=r.tagItems)?void 0:t.map(e=>(0,a.jsx)(c.default,{tag:e},e.name)))})]}),(0,a.jsxs)("h2",{className:"text-4xl text-center dark:text-gray-300",children:[(0,s.CQ)("POST_TITLE_ICON")&&(0,a.jsx)(l.A,{icon:null==r?void 0:r.pageIcon}),null==r?void 0:r.title]}),(0,a.jsx)("div",{className:"text-xl text-center",children:null==r?void 0:r.summary})]}),(null==r?void 0:r.type)&&(null==r?void 0:r.type)!=="Page"&&(null==r?void 0:r.pageCover)&&(0,a.jsx)("div",{className:"w-full aspect-video relative md:flex-shrink-0 overflow-hidden",children:(0,a.jsx)(n.A,{priority:!0,alt:null==r?void 0:r.title,src:null==r?void 0:r.pageCover,width:1200,height:675,className:"object-cover max-h-[60vh] w-full h-full"})})]})}},33035:(e,t,r)=>{r.d(t,{A:()=>i});var a=r(37876),n=r(48230),l=r.n(n),s=r(22507);let i=e=>{let{href:t,children:r,...n}=e,i=(0,s.CQ)("LINK"),c="";"string"==typeof t?c=t:"object"==typeof t&&null!==t&&"string"==typeof t.pathname&&(c=t.pathname);let o=c.startsWith("http")&&!c.startsWith(i),d=()=>{var e;let t=new URLSearchParams((null==(e=window.location.search)?void 0:e.slice(1))||""),r={};for(let[e,a]of t.entries())""!==a&&(r[e]=a);return r};if(o){let e="string"==typeof t?t:new URL(t.pathname,i).toString();return(0,a.jsx)("a",{href:e,target:"_blank",rel:"noopener noreferrer",...(e=>{let{passHref:t,legacyBehavior:r,placeholderSrc:a,fallbackSrc:n,...l}=e;return l})(n),children:r})}

1let h="string"==typeof t?(e=>{if("string"!=typeof e||!e||e.startsWith("#"))return e;let t=d();if(0===Object.keys(t).length)return e;let r=e.startsWith("http://")||e.startsWith("https://"),a=new URL(e,i);return(Object.entries(t).forEach(e=>{let[t,r]=e;a.searchParams.has(t)||a.searchParams.set(t,r)}),r)?a.toString():"".concat(a.pathname).concat(a.search).concat(a.hash)})(t):(e=>{if(!e||"object"!=typeof e)return e;let t=d();return 0===Object.keys(t).length?e:{...e,query:{...t,...e.query||{}}}})(t);return(0,a.jsx)(l(),{href:h,...(e=>{let{placeholderSrc:t,fallbackSrc:r,src:a,alt:n,width:l,height:s,loading:i,decoding:c,onLoad:o,onError:d,...h}=e;return h})(n),children:r})}},38302:(e,t,r)=>{r.r(t),r.d(t,{default:()=>l});var a=r(37876),n=r(33035);function l(e){let{selected:t,category:r,categoryCount:l}=e;return(0,a.jsx)(n.A,{href:"/category/".concat(r),passHref:!0,className:(t?"bg-gray-600 text-white ":"dark:text-gray-400 text-gray-900 ")+"text-sm font-semibold hover:underline flex text-md items-center duration-300 cursor-pointer py-1 whitespace-nowrap",children:(0,a.jsxs)("div",{children:[r," ",l&&"(".concat(l,")")]})})}},91371:(e,t,r)=>{r.r(t),r.d(t,{default:()=>l});var a=r(37876),n=r(33035);let l=e=>{let{tag:t,selected:r=!1}=e;return(0,a.jsx)(n.A,{href:r?"/":"/tag/".concat(encodeURIComponent(t.name)),passHref:!0,className:"cursor-pointer inline-block shrink-0 rounded hover:bg-gray-500 hover:text-white duration-200\n        py-1 px-2 text-xs whitespace-nowrap dark:hover:text-white\n         ".concat(r?"text-white dark:text-gray-300 dark:hover:bg-gray-900":"text-gray-900 hover:shadow-xl dark:border-gray-400  dark:bg-gray-800"),children:(0,a.jsxs)("div",{className:" dark:text-gray-400",children:["#",t.name+(t.count?"(".concat(t.count,")"):"")," "]})},t)}}}]);