https://openwidget.com/_next/static/chunks/pages/developers/[...slug]-7a052fb3d4303c74.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[450],{95119:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/developers/[...slug]",function(){return t(80324)}])},80324:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return j},default:function(){return D}});var r=t(82729),i=t(35944),o=t(70917),l=t(9008),c=t.n(l),a=t(67294),u=t(55299),d=t(80859),s=t(98781),h=t(84047),f=t(40771);function p(){let n=(0,r._)(["\n	","\n	transition: background-color 0.2s;\n	display: flex;\n	flex-direction: row;\n	right: 0;\n	top: 0;\n	position: absolute;\n	margin: 8px;\n	border-radius: 8px;\n	text-align: left;\n	width: auto;\n	height: 40px;\n	align-items: center;\n	padding: 8px;\n	background-color: ",";\n	cursor: pointer;\n	color: ",";\n"]);return p=function(){return n},n}let g=n=>(0,o.iv)(p(),h.Ph,n?"#00a449":"#f0f0f0",n?"#fff":"#000");var x=n=>{let{textToCopy:e}=n,[t,r]=(0,a.useState)(!1);(0,a.useEffect)(()=>{if(t){let n=setTimeout(()=>r(!1),2e3);return()=>clearTimeout(n)}},[t]);let o=async()=>{await navigator.clipboard.writeText(e),r(!0)};return(0,i.tZ)("button",{onClick:o,disabled:t,css:g(t),"aria-label":t?"Copied":"Copy",children:t?(0,i.tZ)(f.nQ,{}):(0,i.tZ)(f.TI,{})})};function m(){let n=(0,r._)(["\n	position: sticky;\n	top: ","px;\n	height: fit-content;\n"]);return m=function(){return n},n}function v(){let n=(0,r._)(["\n	position: absolute;\n	right: 100%;\n	flex-shrink: 0;\n	height: 100%;\n	min-width: 200px;\n	display: none;\n	flex-direction: column;\n	justify-content: flex-start;\n	align-content: flex-start;\n	padding: 8px;\n	overflow: visible;\n	background-color: transparent;\n\n	@media (min-width: 1200px) {\n		display: flex;\n	}\n"]);return v=function(){return n},n}function b(){let n=(0,r._)(["\n	border-bottom: 1px solid #e2e2e4;\n"]);return b=function(){return n},n}function w(){let n=(0,r._)(["\n	margin: 2px;\n	width: fit-content;\n	border-radius: 8px;\n	background-color: ",";\n\n	a {\n		padding: 10px 10px 6px;\n		font-size: 14px;\n		text-decoration: none;\n		font-weight: bold;\n		letter-spacing: 0;\n	}\n\n	&:hover {\n		background-color: #ebebeb;\n	}\n"]);return w=function(){return n},n}function _(){let n=(0,r._)(["\n	margin: 2px;\n	width: fit-content;\n	border-radius: 8px;\n	background-color: ",";\n	transition: background-color 0.1s ease-in-out;\n\n	a {\n		padding: 10px 10px 6px;\n		font-size: 14px;\n		text-decoration: none;\n		letter-spacing: 0;\n		font-weight: 200;\n	}\n\n	&:hover {\n		background-color: #ebebeb;\n	}\n"]);return _=function(){return n},n}let Z=n=>(0,o.iv)(m(),n+16),y=(0,o.iv)(v()),k=(0,o.iv)(b()),E=n=>(0,o.iv)(w(),n?"#e0e0e0":"transparent"),S=n=>(0,o.iv)(_(),n?"#e0e0e0":"transparent");var T=n=>{let{headerLinks:e,headerHeight:t}=n,r=window.location.pathname,o=window.location.hash,[l,c]=(0,a.useState)(r+o),u=(0,a.useMemo)(()=>Array.from(window.document.getElementsByClassName("reference")).filter(n=>null==e?void 0:e.some(e=>e.id===n.id)).map(n=>{let{id:e,offsetTop:t,clientHeight:r}=n;return{id:e,offsetTop:t,clientHeight:r}}),[e]);return(0,a.useEffect)(()=>{let n=()=>{var n;if(!u)return;let e=null!==(n=window.scrollY)&&void 0!==n?n:document.documentElement.scrollTop,r=u.filter(n=>{let{offsetTop:r,clientHeight:i}=n;return r-i/3<=e+t}).at(-1);r&&c(null==r?void 0:r.id)};return document.addEventListener("scroll",n),()=>document.removeEventListener("scroll",n)},[l,e,r,o,u,t]),(0,i.tZ)("aside",{css:y,children:(0,i.tZ)("div",{css:Z(t),children:e.map((n,e)=>{let t=n.id===l;return(0,i.tZ)("div",{css:"top"===n.level&&k,children:(0,i.tZ)("div",{css:"top"===n.level?E(t):S(t),children:(0,i.tZ)("a",{href:"#".concat(n.id),children:n.title})})},e)})})})},N=t(45655),C=function(n){let[e,t]=(0,a.useState)({height:0,width:0});return(0,a.useEffect)(()=>{let e=()=>{let e=document.querySelector(n);e&&t({height:e.clientHeight,width:e.clientWidth})};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[n]),e};function L(){let n=(0,r._)(["\n	position: relative;\n	max-width: 46rem;\n	margin: 0 auto;\n	padding: 0 20px;\n\n	h2,\n	h3 {\n		scroll-margin-top: ","px;\n	}\n\n	h2 a,\n	h3 a {\n		text-decoration: none;\n	}\n"]);return L=function(){return n},n}function z(){let n=(0,r._)(["\n	position: relative;\n"]);return z=function(){return n},n}function X(){let n=(0,r._)(["\n	width: 100%;\n	height: 100%;\n	border-radius: 8px;\n"]);return X=function(){return n},n}function A(){let n=(0,r._)(["\n	margin-top: 50px;\n	margin-bottom: 20px;\n\n	h1 {\n		",";\n		margin-top: 20px;\n		margin-bottom: 20px;\n	}\n"]);return A=function(){return n},n}let B=n=>(0,o.iv)(L(),n),H=(0,o.iv)(z()),P=(0,o.iv)(X()),q={backgroundColor:"#fff",fontSize:"14px",lineHeight:"1.5",padding:"30px"},I=n=>(0,o.iv)(A(),n.typography.big),O=n=>n.toLowerCase().replaceAll(" ","-");var j=!0;function D(n){let{title:e,content:t}=n,[r,o]=(0,a.useState)([]),l=(0,a.useRef)(null),{height:h}=C("#top-bar");return(0,a.useEffect)(()=>{l.current&&o(Array.from(l.current.querySelectorAll("h2, h3")).map(n=>({id:O(n.innerText),title:n.innerText,level:"H2"===n.tagName?"top":"nested"})))},[t]),(0,i.BX)(N.Z,{children:[(0,i.tZ)(c(),{children:(0,i.tZ)("title",{children:e})}),(0,i.BX)("article",{css:B(h),children:[(0,i.tZ)(T,{headerLinks:r,headerHeight:h}),(0,i.tZ)("header",{css:I,children:(0,i.tZ)("h1",{children:e})}),(0,i.tZ)("div",{ref:l,children:(0,i.tZ)(u.D,{components:{h2:n=>{let{children:e}=n,t=O(e.toString());return(0,i.tZ)("h2",{id:t,className:"reference",children:(0,i.tZ)("a",{href:"#".concat(t),children:e})})},h3:n=>{let{children:e}=n,t=O(e.toString());return(0,i.tZ)("h3",{id:t,className:"reference",children:(0,i.tZ)("a",{href:"#".concat(t),children:e})})},code(n){let{className:e,...t}=n,r=/language-(\w+)/.exec(e||""),o=t.children.toString();return(0,i.BX)("div",{css:H,children:[(0,i.tZ)(x,{textToCopy:o}),(0,i.tZ)(d.Z,{language:r?r[1]:"text",PreTag:"div",style:s.Z,useInlineStyles:!0,css:P,customStyle:q,children:o})]})}},children:t})})]})]})}}},function(n){n.O(0,[1664,4036,9451,8159,5655,2888,9774,179],function(){return n(n.s=95119)}),_N_E=n.O()}]);