https://www.blogseo.io/docs/_next/static/chunks/641-3aa276f33a9e5b9e.js?dpl=dpl_62kYjiFW5oZoL8XR983hQtsdNej5

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[641],{2510:function(e,t,n){n.d(t,{Code:function(){return v},CodeGroup:function(){return j},Pre:function(){return w}});var r=n(7437),s=n(2265),i=n(809),l=n(1994),a=n(7094),o=n(5321);let d={js:"JavaScript",ts:"TypeScript",javascript:"JavaScript",typescript:"TypeScript",php:"PHP",python:"Python",ruby:"Ruby",go:"Go"};function c(e){let{title:t,language:n}=e;return t||(n&&n in d?d[n]:"Code")}function u(e){return(0,r.jsxs)("svg",{viewBox:"0 0 20 20","aria-hidden":"true",...e,children:[(0,r.jsx)("path",{strokeWidth:"0",d:"M5.5 13.5v-5a2 2 0 0 1 2-2l.447-.894A2 2 0 0 1 9.737 4.5h.527a2 2 0 0 1 1.789 1.106l.447.894a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2Z"}),(0,r.jsx)("path",{fill:"none",strokeLinejoin:"round",d:"M12.5 6.5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2m5 0-.447-.894a2 2 0 0 0-1.79-1.106h-.527a2 2 0 0 0-1.789 1.106L7.5 6.5m5 0-1 1h-3l-1-1"})]})}function x(e){let{code:t}=e,[n,i]=(0,s.useState)(0),a=n>0;return(0,s.useEffect)(()=>{if(n>0){let e=setTimeout(()=>i(0),1e3);return()=>{clearTimeout(e)}}},[n]),(0,r.jsxs)("button",{type:"button",className:(0,l.Z)("group/button absolute right-4 top-3.5 overflow-hidden rounded-full py-1 pl-2 pr-3 text-2xs font-medium opacity-0 backdrop-blur transition focus:opacity-100 group-hover:opacity-100",a?"bg-blue-400/10 ring-1 ring-inset ring-blue-400/20":"bg-white/5 hover:bg-white/7.5"),onClick:()=>{window.navigator.clipboard.writeText(t).then(()=>{i(e=>e+1)})},children:[(0,r.jsxs)("span",{"aria-hidden":a,className:(0,l.Z)("pointer-events-none flex items-center gap-0.5 text-slate-400 transition duration-300",a&&"-translate-y-1.5 opacity-0"),children:[(0,r.jsx)(u,{className:"h-5 w-5 fill-slate-500/20 stroke-slate-500 transition-colors group-hover/button:stroke-slate-400"}),"Copy"]}),(0,r.jsx)("span",{"aria-hidden":!a,className:(0,l.Z)("pointer-events-none absolute inset-0 flex items-center justify-center text-blue-400 transition duration-300",!a&&"translate-y-1.5 opacity-0"),children:"Copied!"})]})}function m(e){let{tag:t,label:n}=e;return t||n?(0,r.jsxs)("div",{className:"flex h-9 items-center gap-2 border-y border-b-white/7.5 border-t-transparent bg-white/2.5 bg-slate-900 px-4",children:[t&&(0,r.jsx)("div",{className:"dark flex",children:(0,r.jsx)(o.V,{variant:"small",children:t})}),t&&n&&(0,r.jsx)("span",{className:"h-0.5 w-0.5 rounded-full bg-slate-500"}),n&&(0,r.jsx)("span",{className:"font-mono text-xs text-slate-400",children:n})]}):null}function h(e){let{children:t,tag:n,label:i,code:l}=e,a=s.Children.only(t);if((0,s.isValidElement)(a)&&(n=a.props.tag??n,i=a.props.label??i,l=a.props.code??l),!l)throw Error("`CodePanel` requires a `code` prop, or a child with a `code` prop.");return(0,r.jsxs)("div",{className:"group",children:[(0,r.jsx)(m,{tag:n,label:i}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("pre",{className:"overflow-x-auto p-4 text-xs text-white",children:t}),(0,r.jsx)(x,{code:l})]})]})}function f(e){let{title:t,children:n,selectedIndex:a}=e,o=s.Children.count(n)>1;return t||o?(0,r.jsxs)("div",{className:"flex min-h-[calc(theme(spacing.12)+1px)] flex-wrap items-start gap-x-4 border-b border-slate-700 bg-slate-800 px-4",children:[t&&(0,r.jsx)("h3",{className:"mr-auto pt-3 text-xs font-semibold text-white",children:t}),o&&(0,r.jsx)(i.td,{className:"-mb-px flex gap-4 text-xs font-medium",children:s.Children.map(n,(e,t)=>(0,r.jsx)(i.OK,{className:(0,l.Z)("border-b py-3 transition ui-not-focus-visible:outline-none",t===a?"border-blue-500 text-blue-400":"border-transparent text-slate-400 hover:text-slate-300"),children:c((0,s.isValidElement)(e)?e.props:{})}))})]}):null}function p(e){let{children:t,...n}=e;return s.Children.count(t)>1?(0,r.jsx)(i.nP,{children:s.Children.map(t,e=>(0,r.jsx)(i.x4,{children:(0,r.jsx)(h,{...n,children:e})}))}):(0,r.jsx)(h,{...n,children:t})}let g=(0,a.Ue)()(e=>({preferredLanguages:[],addPreferredLanguage:t=>e(e=>({preferredLanguages:[...e.preferredLanguages.filter(e=>e!==t),t]}))})),b=(0,s.createContext)(!1);function j(e){let{children:t,title:n,...l}=e,a=function(e){let t,n,{preferredLanguages:r,addPreferredLanguage:i}

1=g(),[l,a]=(0,s.useState)(0),o=[...e].sort((e,t)=>r.indexOf(t)-r.indexOf(e))[0],d=e.indexOf(o),c=-1===d?l:d;c!==l&&a(c);let{positionRef:u,preventLayoutShift:x}=(t=(0,s.useRef)(null),n=(0,s.useRef)(),(0,s.useEffect)(()=>()=>{void 0!==n.current&&window.cancelAnimationFrame(n.current)},[]),{positionRef:t,preventLayoutShift(e){if(!t.current)return;let r=t.current.getBoundingClientRect().top;e(),n.current=window.requestAnimationFrame(()=>{let e=t.current?.getBoundingClientRect().top??r;window.scrollBy(0,e-r)})}});return{as:"div",ref:u,selectedIndex:l,onChange:t=>{x(()=>i(e[t]))}}}(s.Children.map(t,e=>c((0,s.isValidElement)(e)?e.props:{}))??[]),o=s.Children.count(t)>1,d="my-6 overflow-hidden rounded-2xl bg-slate-900 shadow-md",u=(0,r.jsx)(f,{title:n,selectedIndex:a.selectedIndex,children:t}),x=(0,r.jsx)(p,{...l,children:t});return(0,r.jsx)(b.Provider,{value:!0,children:o?(0,r.jsx)(i.v0,{...a,className:d,children:(0,r.jsxs)("div",{className:"not-prose",children:[u,x]})}):(0,r.jsx)("div",{className:d,children:(0,r.jsxs)("div",{className:"not-prose",children:[u,x]})})})}function v(e){let{children:t,...n}=e;if((0,s.useContext)(b)){if("string"!=typeof t)throw Error("`Code` children must be a string when nested inside a `CodeGroup`.");return(0,r.jsx)("code",{...n,dangerouslySetInnerHTML:{__html:t}})}return(0,r.jsx)("code",{...n,children:t})}function w(e){let{children:t,...n}=e;return(0,s.useContext)(b)?t:(0,r.jsx)(j,{...n,children:t})}},5541:function(e,t,n){n.d(t,{Feedback:function(){return u}});var r=n(7437),s=n(2265),i=n(9453),l=n(1994);function a(e){return(0,r.jsxs)("svg",{viewBox:"0 0 20 20","aria-hidden":"true",...e,children:[(0,r.jsx)("circle",{cx:"10",cy:"10",r:"10",strokeWidth:"0"}),(0,r.jsx)("path",{fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"m6.75 10.813 2.438 2.437c1.218-4.469 4.062-6.5 4.062-6.5"})]})}function o(e){return(0,r.jsx)("button",{type:"submit",className:"px-3 text-sm font-medium text-slate-600 transition hover:bg-slate-900/2.5 hover:text-slate-900",...e})}let d=(0,s.forwardRef)(function(e,t){let{onSubmit:n,className:s,...i}=e;return(0,r.jsxs)("form",{...i,ref:t,onSubmit:n,className:(0,l.Z)(s,"absolute inset-0 flex items-center justify-center gap-6 md:justify-start"),children:[(0,r.jsx)("p",{className:"text-sm text-slate-600",children:"Was this page helpful?"}),(0,r.jsxs)("div",{className:"group grid h-8 grid-cols-[1fr,1px,1fr] overflow-hidden rounded-full border border-slate-900/10",children:[(0,r.jsx)(o,{"data-response":"yes",children:"Yes"}),(0,r.jsx)("div",{className:"bg-slate-900/10"}),(0,r.jsx)(o,{"data-response":"no",children:"No"})]})]})}),c=(0,s.forwardRef)(function(e,t){let{className:n,...s}=e;return(0,r.jsx)("div",{...s,ref:t,className:(0,l.Z)(n,"absolute inset-0 flex justify-center md:justify-start"),children:(0,r.jsxs)("div",{className:"flex items-center gap-3 rounded-full bg-blue-50/50 py-1 pl-1.5 pr-3 text-sm text-blue-900 ring-1 ring-inset ring-blue-500/20",children:[(0,r.jsx)(a,{className:"h-5 w-5 flex-none fill-blue-500 stroke-white"}),"Thanks for your feedback!"]})})});function u(){let[e,t]=(0,s.useState)(!1);return(0,r.jsxs)("div",{className:"relative h-8",children:[(0,r.jsx)(i.u,{show:!e,children:(0,r.jsx)(d,{className:"duration-300 data-[leave]:pointer-events-none data-[closed]:opacity-0",onSubmit:function(e){e.preventDefault(),t(!0)}})}),(0,r.jsx)(i.u,{show:e,children:(0,r.jsx)(c,{className:"delay-150 duration-300 data-[closed]:opacity-0"})})]})}},1684:function(e,t,n){n.r(t),n.d(t,{Heading:function(){return m}});var r=n(7437),s=n(2265),i=n(7648),l=n(3433),a=n(6809),o=n(5321),d=n(7040);function c(e){return(0,r.jsx)("svg",{viewBox:"0 0 20 20",fill:"none",strokeLinecap:"round","aria-hidden":"true",...e,children:(0,r.jsx)("path",{d:"m6.5 11.5-.964-.964a3.535 3.535 0 1 1 5-5l.964.964m2 2 .964.964a3.536 3.536 0 0 1-5 5L8.5 13.5m0-5 3 3"})})}function u(e){let{tag:t,label:n}=e;return t||n?(0,r.jsxs)("div",{className:"flex items-center gap-x-3",children:[t&&(0,r.jsx)(o.V,{children:t}),t&&n&&(0,r.jsx)("span",{className:"h-0.5 w-0.5 rounded-full bg-slate-300"}),n&&(0,r.jsx)("span",{className:"font-mono text-xs text-slate-400",children:n})]}):null}function x(e){let{id:t,inView:n,children:s}=e;return(0,r.jsxs)(i.default,{href:`#${t}`,className:"group text-inherit no-underline hover:text-inherit",children:[n&&(0,r.jsx)("div",{className:"absolute ml-[calc(-1*var(--width))] mt-1 hidden w-[var(--width)] opacity-0 transition [--width:calc(2.625rem+0.5px+50%-min(50%,calc(theme(maxWidth.lg)+theme(sp

1acing.8))))] group-hover:opacity-100 group-focus:opacity-100 md:block lg:z-50 2xl:[--width:theme(spacing.10)]",children:(0,r.jsx)("div",{className:"group/anchor block h-5 w-5 rounded-lg bg-slate-50 ring-1 ring-inset ring-slate-300 transition hover:ring-slate-500",children:(0,r.jsx)(c,{className:"h-5 w-5 stroke-slate-500 transition"})})}),s]})}function m(e){let{children:t,tag:n,label:i,level:o,anchor:c=!0,...m}=e;o=o??2;let h=`h${o}`,f=(0,s.useRef)(null),p=(0,a.S)(e=>e.registerHeading),g=(0,l.Y)(f,{margin:`${(0,d.c)(-3.5)}px 0px 0px 0px`,amount:"all"});return(0,s.useEffect)(()=>{2===o&&p({id:m.id,ref:f,offsetRem:n||i?8:6})}),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u,{tag:n,label:i}),(0,r.jsx)(h,{ref:f,className:n||i?"mt-2 scroll-mt-32":"scroll-mt-24",...m,children:c?(0,r.jsx)(x,{id:m.id,inView:g,children:t}):t})]})}},6809:function(e,t,n){n.d(t,{S:function(){return u},s:function(){return c}});var r=n(7437),s=n(2265),i=n(808),l=n(7094),a=n(7040);let o=(0,s.createContext)(null),d=s.useLayoutEffect;function c(e){let t,n,{sections:c,children:u}

1=e,[x]=(0,s.useState)(()=>(0,i.M)()(e=>({sections:c,visibleSections:[],setVisibleSections:t=>e(e=>e.visibleSections.join()===t.join()?{}:{visibleSections:t}),registerHeading:t=>{let{id:n,ref:r,offsetRem:s}=t;return e(e=>({sections:e.sections.map(e=>e.id===n?{...e,headingRef:r,offsetRem:s}:e)}))}})));return t=(0,l.oR)(x,e=>e.setVisibleSections),n=(0,l.oR)(x,e=>e.sections),(0,s.useEffect)(()=>{function e(){let{innerHeight:e,scrollY:r}=window,s=[];for(let t=0;t<n.length;t++){let{id:i,headingRef:l,offsetRem:o=0}=n[t];if(!l?.current)continue;let d=(0,a.c)(o),c=l.current.getBoundingClientRect().top+r;0===t&&c-d>r&&s.push("_top");let u=n[t+1],x=(u?.headingRef?.current?.getBoundingClientRect().top??1/0)+r-(0,a.c)(u?.offsetRem??0);(c>r&&c<r+e||x>r&&x<r+e||c<=r&&x>=r+e)&&s.push(i)}t(s)}let r=window.requestAnimationFrame(()=>e());return window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",e),()=>{window.cancelAnimationFrame(r),window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[t,n]),d(()=>{x.setState({sections:c})},[x,c]),(0,r.jsx)(o.Provider,{value:x,children:u})}function u(e){let t=(0,s.useContext)(o);return(0,l.oR)(t,e)}},5321:function(e,t,n){n.d(t,{V:function(){return o}});var r=n(7437),s=n(1994);let i={small:"",medium:"rounded-lg px-1.5 ring-1 ring-inset"},l={blue:{small:"text-blue-500",medium:"ring-blue-300 bg-blue-400/10 text-blue-500"},sky:{small:"text-sky-500",medium:"ring-sky-300 bg-sky-400/10 text-sky-500"},amber:{small:"text-amber-500",medium:"ring-amber-300 bg-amber-400/10 text-amber-500"},rose:{small:"text-red-500",medium:"ring-rose-200 bg-rose-50 text-red-500"},slate:{small:"text-slate-400",medium:"ring-slate-200 bg-slate-50 text-slate-500"}},a={GET:"blue",POST:"sky",PUT:"amber",PATCH:"amber",DELETE:"rose"};function o(e){let{children:t,variant:n="medium",color:o=a[t]??"blue"}=e;return(0,r.jsx)("span",{className:(0,s.Z)("font-mono text-[0.625rem] font-semibold leading-6",i[n],l[o][n]),children:t})}},7040:function(e,t,n){n.d(t,{c:function(){return r}});function r(e){return e*parseFloat(window.getComputedStyle(document.documentElement).fontSize)}}}]);