https://stellate.co/_next/static/chunks/pages/blog-f1ad0fc866ae36b2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9892],{1650:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(43696),l=n(42155),i=n.n(l);let a=({bgColor:e="gray",className:t,verticalPadding:n="default",noTopPadding:l,noBottomPadding:a,noVerticalPadding:s,noHorizontalPadding:o,noPadding:c,overflowHidden:u,relative:d,children:p,...h})=>(0,r.Y)("section",{className:i()("","gray"===e&&"bg-grey","white"===e&&"bg-white","darkgray"===e&&"bg-neutral","darkgray-2"===e&&"bg-neutral-on-dark-7",u&&"overflow-hidden",d&&"relative"),children:(0,r.Y)("div",{className:i()("max-w-screen-2xl mx-auto horizontal-padding","default"===n&&"py-20 md:py-30 lg:py-40","first"===n&&"pt-16 pb-20 md:pt-20 md:pb-30 lg:pt-30 lg:pb-40","xs"===n&&"py-16 md:py-20 lg:py-30","xxs"===n&&"py-12 md:py-16 lg:py-24","none"===n&&"",l&&"!pt-0",a&&"!pb-0",s&&"!py-0",o&&"!px-0",c&&"!p-0",t),...h,children:p})})},25899:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return n(60452)}])},29212:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>eq});var r=n(1224);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}let i=["children","options"],a=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((e,t)=>(e[t.toLowerCase()]=t,e),{class:"className",for:"htmlFor"}),s={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xa0",quot:"“"},o=["style","script","pre"],c=["src","href","data","formAction","srcDoc","action"],u=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,d=/mailto:/i,p=/\n{2,}$/,h=/^(\s*>[\s\S]*?)(?=\n\n|$)/,f=/^ *> ?/gm,g=/^(?:\[!([^\]]*)\]\n)?([\s\S]*)/,m=/^ {2,}\n/,y=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,x=/^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/,v=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,k=/^(`+)((?:\\`|(?!\1)`|[^`])+)\1/,b=/^(?:\n *)*\n/,w=/\r\n?/g,Y=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,N=/^\[\^([^\]]+)]/,$=/\f/g,C=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,S=/^\s*?\[(x|\s)\]/,A=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,_=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,O=/^([^\n]+)\n *(=|-){3,} *\n/,E=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,F=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,R=/^<!--[\s\S]*?(?:-->)/,T=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,z=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,L=/^\{.*\}$/,j=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,B=/^<([^ >]+@[^ >]+)>/,M=/^<([^ >]+:\/[^ >]+)>/,D=/-([a-z])?/gi,P=/^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/,H=/^[^\n]+(?:  \n|\n{2,})/,I=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,U=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,W=/^\[([^\]]*)\] ?\[([^\]]*)\]/,Z=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,G=/\t/g,X=/(^ *\||\| *$)/g,q=/^ *:-+: *$/,V=/^ *:-+ *$/,J=/^ *-+: *$/,K=e=>`(?=[\\s\\S]+?\\1${e?"\\1":""})`,Q="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)",ee=RegExp(`^([*_])\\1${K(1)}${Q}\\1\\1(?!\\1)`),et=RegExp(`^([*_])${K(0)}${Q}\\1(?!\\1)`),en=RegExp(`^(==)${K(0)}${Q}\\1`),er=RegExp(`^(~~)${K(0)}${Q}\\1`),el=/^(:[a-zA-Z0-9-_]+:)/,ei=/^\\([^0-9A-Za-z\s])/,ea=/\\([^0-9A-Za-z\s])/g,es=/^[\s\S](?:(?!  \n|[0-9]\.|http)[^=*_~\-\n:<`\\\[!])*/,eo=/^\n+/,ec=/^([ \t]*)/,eu=/(?:^|\n)( *)$/,ed="(?:\\d+\\.)",ep="(?:[*+-])";function eh(e){return"( *)("+(1===e?ed:ep)+") +"}let ef=eh(1),eg=eh(2);function em(e){return RegExp("^"+(1===e?ef:eg))}let ey=em(1),ex=em(2);function ev(e){return RegExp("^"+(1===e?ef:eg)+"[^\\n]*(?:\\n(?!\\1"+(1===e?ed:ep)+" )[^\\n]*)*(\\n|$)","gm")}let ek=ev(1),eb=ev(2);function ew(e){let t=1===e?ed:ep;return RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}let eY=ew(1),eN=ew(2);function e$(e,t){let n=1===t,r=n?eY:eN,l=n?ek:eb,i=n?ey:ex;return{t:e=>i.test(e),o:ez(function(e,t){let n=eu.exec(t.prevCapture);return n&&(t.list||!t.inline&&!t.simple)?r.exec(e=n[1]+e):null}),i:1,u(e,t,r){let a=n?+e[2]:void 0,s=e[0].replace(p,"\n").match(l),o=!1;return{items:s.map(function(e,n){let l,a=RegExp("^ {1,"+i.exec(e)[0].length+"}","gm"),c=e.replace(a,"").replace(i,""),u=n===s.length-1,d=-1!==c.indexOf("\n\n")||u&&o;o=d;let p=r.inline,h=r.list;r.list=!0,d?(r.inline=!1,l=eA(c)+"\n\n"):(r.inline=!0,l=eA(c));let f=t(l,r);return r.inline=p,r.list=h,f}),ordered:n,start:a}},l:(t,n,r)=>e(t.ordered?"ol":"ul",{key:r.key,start:"20"===t.type?t.start:void 0},t.items.map(function(t,l){return e("li",{key:l},n(t,r))}))}}let eC=RegExp("^\\[((?:\\[[^\\[\\]]*(?:\\[[^\\[\\]]*\\][^\\[\\]]*)*\\]|[^\\[\\]])*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),eS=/^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/;function eA(e){let t=e.length;for(;t>0&&e[t-1]<=" ";)t--;return e.slice(0,t)}function e_(e,t){return e.startsWith(t)}function eO(e){return e.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function eE(e){return J.test(e)?"right":q.test(e)?"center":V.test(e)?"left":null}function eF(e,t,n,r){let l=n.inTable;n.inTable=!0;let i=[[]],a="";function s(){if(!a)return;let e=i[i.length-1];e.push.apply(e,t(a,n)),a=""}

1return e.trim().split(/(`[^`]*`|\\\||\|)/).filter(Boolean).forEach((e,t,n)=>{"|"===e.trim()&&(s(),r)?0!==t&&t!==n.length-1&&i.push([]):a+=e}),s(),n.inTable=l,i}function eR(e,t,n){var r;n.inline=!0;let l=e[2]?e[2].replace(X,"").split("|").map(eE):[],i=e[3]?(r=e[3],r.trim().split("\n").map(function(e){return eF(e,t,n,!0)})):[],a=eF(e[1],t,n,!!i.length);return n.inline=!1,i.length?{align:l,cells:i,header:a,type:"25"}:{children:a,type:"21"}}function eT(e,t){return null==e.align[t]?{}:{textAlign:e.align[t]}}function ez(e){return e.inline=1,e}function eL(e){return ez(function(t,n){return n.inline?e.exec(t):null})}function ej(e){return ez(function(t,n){return n.inline||n.simple?e.exec(t):null})}function eB(e){return function(t,n){return n.inline||n.simple?null:e.exec(t)}}function eM(e){return ez(function(t){return e.exec(t)})}let eD=/(javascript|vbscript|data(?!:image)):/i;function eP(e){try{let t=decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g,"");if(eD.test(t))return null}catch(e){return null}return e}function eH(e){return e?e.replace(ea,"$1"):e}function eI(e,t,n){let r=n.inline||!1,l=n.simple||!1;n.inline=!0,n.simple=!0;let i=e(t,n);return n.inline=r,n.simple=l,i}function eU(e,t,n){let r=n.inline||!1;n.inline=!1;let l=e(t,n);return n.inline=r,l}let eW=(e,t,n)=>({children:eI(t,e[2],n)});function eZ(){return{}}function eG(){return null}function eX(e,t,n){let r=e,l=t.split(".");for(;l.length&&void 0!==(r=r[l[0]]);)l.shift();return r||n}let eq=e=>{let{children:t="",options:n}=e,p=function(e,t){if(null==e)return{};var n,r,l={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(l[n]=e[n]);return l}(e,i);return r.cloneElement(function(e="",t={}){var n,i,p;t.overrides=t.overrides||{},t.namedCodesToUnicode=t.namedCodesToUnicode?l({},s,t.namedCodesToUnicode):s;let X=t.slugify||eO,q=t.sanitizer||eP,V=t.createElement||r.createElement,J=[h,x,v,t.enforceAtxHeadings?_:A,O,P,eY,eN],K=[...J,H,E,R,z];function Q(e,n,...r){var i;let a,s=eX(t.overrides,e+".props",{});return V((a=eX(i=t.overrides,e))?"function"==typeof a||"object"==typeof a&&"render"in a?a:eX(i,e+".component",e):e,l({},n,s,{className:function(...e){return e.filter(Boolean).join(" ")}(null==n?void 0:n.className,s.className)||void 0}),...r)}function ea(e){let n;e=e.replace(C,"");let r=!1;t.forceInline?r=!0:t.forceBlock||(r=!1===Z.test(e));let l=eg(ef(r?e:eA(e).replace(eo,"")+"\n\n",{inline:r}));for(;"string"==typeof l[l.length-1]&&!l[l.length-1].trim();)l.pop();if(null===t.wrapper)return l;let i=t.wrapper||(r?"span":"div");if(l.length>1||t.forceWrapper)n=l;else{if(1===l.length)return"string"==typeof(n=l[0])?Q("span",{key:"outer"},n):n;n=null}return V(i,{key:"outer"},n)}function eu(e,t){if(!t||!t.trim())return null;let n=t.match(u);return n?n.reduce(function(t,n){let r=n.indexOf("=");if(-1!==r){var l,i,s;let o,u=(-1!==(l=n.slice(0,r)).indexOf("-")&&null===l.match(T)&&(l=l.replace(D,function(e,t){return t.toUpperCase()})),l).trim(),d=('"'===(o=(i=n.slice(r+1).trim())[0])||"'"===o)&&i.length>=2&&i[i.length-1]===o?i.slice(1,-1):i,p=a[u]||u;if("ref"===p)return t;let h=t[p]=(s=d,"style"===u?(function(e){let t=[],n="",r=!1,l=!1,i="";if(!e)return t;for(let a=0;a<e.length;a++){let s=e[a];if('"'!==s&&"'"!==s||r||(l?s===i&&(l=!1,i=""):(l=!0,i=s)),"("===s&&n.endsWith("url")?r=!0:")"===s&&r&&(r=!1),";"!==s||l||r)n+=s;else{let e=n.trim();if(e){let n=e.indexOf(":");if(n>0){let r=e.slice(0,n).trim(),l=e.slice(n+1).trim();t.push([r,l])}}n=""}}let a=n.trim();if(a){let e=a.indexOf(":");if(e>0){let n=a.slice(0,e).trim(),r=a.slice(e+1).trim();t.push([n,r])}}return t})(s).reduce(function(t,[n,r]){return t[n.replace(/(-[a-z])/g,e=>e[1].toUpperCase())]=q(r,e,n),t},{}):-1!==c.indexOf(u)?q(eH(s),e,u):(s.match(L)&&(s=eH(s.slice(1,s.length-1))),"true"===s||"false"!==s&&s));"string"==typeof h&&(E.test(h)||z.test(h))&&(t[p]=ea(h.trim()))}else"style"!==n&&(t[a[n]||n]=!0);return t},{}):null}let ed=[],ep={},eh={0:{t:[">"],o:eB(h),i:1,u(e,t,n){let[,r,l]=e[0].replace(f,"").match(g);return{alert:r,children:t(l,n)}},l(e,t,n){let r={key:n.key};return e.alert&&(r.className="markdown-alert-"+X(e.alert.toLowerCase(),eO),e.children.unshift({attrs:{},children:[{type:"27",text:e.alert}],noInnerParse:!0,type:"11",tag:"header"})),Q("blockquote",r,t(e.children,n))}}

1,1:{o:eM(m),i:1,u:eZ,l:(e,t,n)=>Q("br",{key:n.key})},2:{t:e=>{let t=e[0];return"-"===t||"*"===t||"_"===t},o:eB(y),i:1,u:eZ,l:(e,t,n)=>Q("hr",{key:n.key})},3:{t:["    "],o:eB(v),i:0,u:e=>({lang:void 0,text:eH(eA(e[0].replace(/^ {4}/gm,"")))}),l:(e,t,n)=>Q("pre",{key:n.key},Q("code",l({},e.attrs,{className:e.lang?"lang-"+e.lang:""}),e.text))},4:{t:["```","~~~"],o:eB(x),i:0,u:e=>({attrs:eu("code",e[3]||""),lang:e[2]||void 0,text:e[4],type:"3"})},5:{t:["`"],o:ej(k),i:3,u:e=>({text:eH(e[2])}),l:(e,t,n)=>Q("code",{key:n.key},e.text)},6:{t:["[^"],o:eB(Y),i:0,u:e=>(ed.push({footnote:e[2],identifier:e[1]}),{}),l:eG},7:{t:["[^"],o:eL(N),i:1,u:e=>({target:"#"+X(e[1],eO),text:e[1]}),l:(e,t,n)=>Q("a",{key:n.key,href:q(e.target,"a","href")},Q("sup",{key:n.key},e.text))},8:{t:["[ ]","[x]"],o:eL(S),i:1,u:e=>({completed:"x"===e[1].toLowerCase()}),l:(e,t,n)=>Q("input",{checked:e.completed,key:n.key,readOnly:!0,type:"checkbox"})},9:{t:["#"],o:eB(t.enforceAtxHeadings?_:A),i:1,u:(e,t,n)=>({children:eI(t,e[2],n),id:X(e[2],eO),level:e[1].length}),l:(e,t,n)=>Q("h"+e.level,{id:e.id,key:n.key},t(e.children,n))},10:{o:eB(O),i:0,u:(e,t,n)=>({children:eI(t,e[1],n),level:"="===e[2]?1:2,type:"9"})},11:{t:["<"],o:eM(E),i:1,u(e,t,n){let[,r]=e[3].match(ec),l=RegExp("^"+r,"gm"),i=e[3].replace(l,""),a=K.some(e=>e.test(i))?eU:eI,s=e[1].toLowerCase(),c=-1!==o.indexOf(s),u=(c?s:e[1]).trim(),d={attrs:eu(u,e[2]),noInnerParse:c,tag:u};if(n.inAnchor=n.inAnchor||"a"===s,c)d.text=e[3];else{let e=n.inHTML;n.inHTML=!0,d.children=a(t,i,n),n.inHTML=e}return n.inAnchor=!1,d},l:(e,t,n)=>Q(e.tag,l({key:n.key},e.attrs),e.text||(e.children?t(e.children,n):""))},13:{t:["<"],o:eM(z),i:1,u(e){let t=e[1].trim();return{attrs:eu(t,e[2]||""),tag:t}},l:(e,t,n)=>Q(e.tag,l({},e.attrs,{key:n.key}))},12:{t:["\x3c!--"],o:eM(R),i:1,u:()=>({}),l:eG},14:{t:["!["],o:ej(eS),i:1,u:e=>({alt:eH(e[1]),target:eH(e[2]),title:eH(e[3])}),l:(e,t,n)=>Q("img",{key:n.key,alt:e.alt||void 0,title:e.title||void 0,src:q(e.target,"img","src")})},15:{t:["["],o:eL(eC),i:3,u:(e,t,n)=>{var r;let l,i,a;return{children:(r=e[1],l=n.inline||!1,i=n.simple||!1,n.inline=!1,n.simple=!0,a=t(r,n),n.inline=l,n.simple=i,a),target:eH(e[2]),title:eH(e[3])}},l:(e,t,n)=>Q("a",{key:n.key,href:q(e.target,"a","href"),title:e.title},t(e.children,n))},16:{t:["<"],o:eL(M),i:0,u:e=>({children:[{text:e[1],type:"27"}],target:e[1],type:"15"})},17:{t:(e,n)=>!n.inAnchor&&!t.disableAutoLink&&(e_(e,"http://")||e_(e,"https://")),o:eL(j),i:0,u:e=>({children:[{text:e[1],type:"27"}],target:e[1],title:void 0,type:"15"})},18:{t:["<"],o:eL(B),i:0,u(e){let t=e[1],n=e[1];return d.test(n)||(n="mailto:"+n),{children:[{text:t.replace("mailto:",""),type:"27"}],target:n,type:"15"}}},20:e$(Q,1),33:e$(Q,2),19:{o:eB(b),i:3,u:eZ,l:()=>"\n"},21:{o:ez(function(e,t){if(t.inline||t.simple||t.inHTML&&-1===e.indexOf("\n\n")&&-1===t.prevCapture.indexOf("\n\n"))return null;let n="";e.split("\n").every(e=>(e+="\n",!J.some(t=>t.test(e))&&(n+=e,!!e.trim())));let r=eA(n);return""===r?null:[n,,r]}),i:3,u:eW,l:(e,t,n)=>Q("p",{key:n.key},t(e.children,n))},22:{t:["["],o:eL(I),i:0,u:e=>(ep[e[1]]={target:e[2],title:e[4]},{}),l:eG},23:{t:["!["],o:ej(U),i:0,u:e=>({alt:e[1]?eH(e[1]):void 0,ref:e[2]}),l:(e,t,n)=>ep[e.ref]?Q("img",{key:n.key,alt:e.alt,src:q(ep[e.ref].target,"img","src"),title:ep[e.ref].title}):null},24:{t:e=>"["===e[0]&&-1===e.indexOf("]("),o:eL(W),i:0,u:(e,t,n)=>({children:t(e[1],n),fallbackChildren:e[0],ref:e[2]}),l:(e,t,n)=>ep[e.ref]?Q("a",{key:n.key,href:q(ep[e.ref].target,"a","href"),title:ep[e.ref].title},t(e.children,n)):Q("span",{key:n.key},e.fallbackChildren)},25:{t:["|"],o:eB(P),i:1,u:eR,l:(e,t,n)=>Q("table",{key:n.key},Q("thead",null,Q("tr",null,e.header.map(function(r,l){return Q("th",{key:l,style:eT(e,l)},t(r,n))}))),Q("tbody",null,e.cells.map(function(r,l){return Q("tr",{key:l},r.map(function(r,l){return Q("td",{key:l,style:eT(e,l)},t(r,n))}))})))},27:{o:ez(function(e,t){let n;return e_(e,":")&&(n=el.exec(e)),n||es.exec(e)}),i:4,u(e){let n=e[0];return{text:-1===n.indexOf("&")?n:n.replace(F,(e,n)=>t.namedCodesToUnicode[n]||e)}},l:e=>e.text}

1,28:{t:["**","__"],o:ej(ee),i:2,u:(e,t,n)=>({children:t(e[2],n)}),l:(e,t,n)=>Q("strong",{key:n.key},t(e.children,n))},29:{t:e=>{let t=e[0];return("*"===t||"_"===t)&&e[1]!==t},o:ej(et),i:3,u:(e,t,n)=>({children:t(e[2],n)}),l:(e,t,n)=>Q("em",{key:n.key},t(e.children,n))},30:{t:["\\"],o:ej(ei),i:1,u:e=>({text:e[1],type:"27"})},31:{t:["=="],o:ej(en),i:3,u:eW,l:(e,t,n)=>Q("mark",{key:n.key},t(e.children,n))},32:{t:["~~"],o:ej(er),i:3,u:eW,l:(e,t,n)=>Q("del",{key:n.key},t(e.children,n))}};!0===t.disableParsingRawHTML&&(delete eh[11],delete eh[13]);let ef=((i=Object.keys(eh)).sort(function(e,t){return eh[e].i-eh[t].i||(e<t?-1:1)}),function(e,t){return function e(t,n){var r=[];if(n.prevCapture=n.prevCapture||"",t.trim())for(;t;)for(var l=0;l<i.length;){var a=i[l],s=eh[a];if(!s.t||function(e,t,n){if(Array.isArray(n)){for(let t=0;t<n.length;t++)if(e_(e,n[t]))return!0;return!1}return n(e,t)}(t,n,s.t)){var o=s.o(t,n);if(o&&o[0]){t=t.substring(o[0].length);var c=s.u(o,e,n);n.prevCapture+=o[0],c.type||(c.type=a),r.push(c);break}l++}else l++}return n.prevCapture="",r}(e.replace(w,"\n").replace($,"").replace(G,"    "),t)}),eg=(p=t.renderRule,n=function(e,t,n){let r=eh[e.type].l;return p?p(()=>r(e,t,n),e,t,n):r(e,t,n)},function e(t,r={}){if(Array.isArray(t)){let n=r.key,l=[],i=!1;for(let n=0;n<t.length;n++){r.key=n;let a=e(t[n],r),s="string"==typeof a;s&&i?l[l.length-1]+=a:null!==a&&l.push(a),i=s}return r.key=n,l}return n(t,e,r)}),em=ea(e);return ed.length?Q("div",null,em,Q("footer",{key:"footer"},ed.map(function(e){return Q("div",{id:X(e.identifier,eO),key:e.identifier},e.identifier,eg(ef(e.footnote,{inline:!0})))}))):em}(t,n),p)}},29472:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(1224);let l=e=>{let[t,n]=(0,r.useState)();return(0,r.useEffect)(()=>{if(e.current){n(e.current.getBoundingClientRect());let t=new ResizeObserver(e=>{for(let t of e)t.contentBoxSize&&n(t.contentRect)});return t.observe(e.current),()=>{e.current&&t.unobserve(e.current)}}},[e]),t}},30323:(e,t,n)=>{"use strict";n.d(t,{X:()=>l});var r=n(43696);function l(e){return(0,r.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",...e,children:(0,r.Y)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}},41231:(e,t,n)=>{"use strict";n.d(t,{m:()=>p});var r=n(43696),l=n(1224),i=n(77990),a=n.n(i),s=n(15003),o=n.n(s),c=n(30323);let u={key:"fuse-js-announcement",showUntil:"2023-12-22T22:00:00",href:"https://stellate.co/blog/announcing-fuse-js",content:(0,r.Y)(r.FK,{children:(0,r.FD)("span",{className:"inline-flex items-center gap-2",children:[(0,r.Y)("span",{children:"\uD83C\uDF89 Announcing Fuse.js: the opinionated framework for easily creating typesafe data layers"}),(0,r.Y)(({...e})=>(0,r.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"9",height:"14",fill:"none",viewBox:"0 0 9 14",...e,children:(0,r.Y)("path",{stroke:"currentColor",strokeWidth:"2",d:"M1 12.94l6-5.97L1 1"})}),{className:"h-3 w-auto flex-shrink-0 mt-px text-neutral-60"})]})})},d=`hideBanner:${u.key}`;function p(){let[e,t]=(0,l.useState)(!0);(0,l.useEffect)(()=>{t(new Date>new Date(u.showUntil)||window.localStorage?.getItem(d)==="true")},[]);let n=()=>{localStorage?.setItem(d,"true"),t(!0)},i=u.href.startsWith("https://stellate.co");return e?null:(0,r.FD)("div",{className:"group relative overflow-hidden flex bg-grey pl-4 pr-12 md:pl-6 md:pr-44 lg:px-16 lg:justify-center",children:[(0,r.FD)("div",{className:"relative flex items-center min-h-[66px] sm:min-h-[64px] w-fit-content",children:[(0,r.Y)(a(),{href:u.href,target:i?void 0:"_blank",rel:i?void 0:"noopener noreferrer",className:"py-2.5 flex gap-3 md:gap-2 h-full",onClick:n,children:(0,r.Y)("div",{className:"font-demibold flex items-center",children:(0,r.Y)("div",{className:"inline-block ml-1 sm:ml-2",children:u.content})})}),(0,r.Y)("div",{className:"hidden absolute top-0 pointer-events-none -left-740px lg:block",children:(0,r.Y)(o(),{priority:!0,src:"/features/new-cache-hit-rate-tools-banner-left.svg",width:740,height:64,alt:""})}),(0,r.Y)("div",{className:"hidden absolute top-0 -right-740px w-740px md:block",children:(0,r.Y)(o(),{priority:!0,src:"/features/new-cache-hit-rate-tools-banner-right.svg",width:740,height:64,alt:""})})]}),(0,r.Y)("button",{type:"button",className:"absolute top-1/2 right-4 w-6 h-6 -translate-y-1/2 flex-shrink-0 flex items-center justify-center bg-grey rounded hover:bg-neutral-7 lg:hidden lg:group-hover:flex",onClick:n,children:(0,r.Y)(c.X,{"aria-label":"Close banner",className:"w-5 h-5"})})]})}}

1,60452:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSG:()=>y,default:()=>x});var r=n(43696),l=n(1224),i=n(77990),a=n.n(i),s=n(43856),o=n(59783),c=n(41231),u=n(15970),d=n(52875),p=n(15003),h=n.n(p),f=n(94764),g=n(1650),m=n(29472),y=!0;function x(e){let[t]=e.posts,n=(0,l.useRef)(null),i=(0,l.useRef)(null),a=(0,m.A)(i),[s,p]=(0,l.useState)({leftSide:[],rightSide:[]});return(0,l.useEffect)(()=>{var t,r;let l,i,s,o;a&&a.width>608?p((t=e.posts.slice(1),l=[],i=[],s=0,o=0,(r=n).current&&(r.current.style.display="flex",Object.values(r.current.querySelectorAll("li")).map((e,n)=>{o+e.getBoundingClientRect().height-s>=s+e.getBoundingClientRect().height-o?(l.push(t[n]),s+=e.getBoundingClientRect().height):(i.push(t[n]),o+=e.getBoundingClientRect().height)}),r.current.style.display="none"),{leftSide:l,rightSide:i})):n.current&&(n.current.style.display="flex")},[a,e.posts]),(0,r.FD)("div",{className:"bg-grey",children:[(0,r.Y)(u.A,{title:"Blog – Stellate",description:"The Stellate blog about all things GraphQL."}),(0,r.Y)(c.m,{}),(0,r.Y)(o.Y,{}),(0,r.FD)("main",{className:"marketing-page",children:[(0,r.FD)(g.A,{verticalPadding:"first",children:[(0,r.Y)("div",{className:"mx-auto space-y-8 max-w-768",children:(0,r.Y)(d.Ff.H1,{className:"mx-auto max-w-896 sm:text-center",children:"Blog"})}),t&&(0,r.Y)("div",{ref:i,children:(0,r.Y)(v,{post:t,isLatestBlogpost:!0})})]}),(0,r.Y)(g.A,{noTopPadding:!0,children:(0,r.FD)("div",{className:"md:grid md:grid-cols-2 md:gap-8",children:[(0,r.Y)("ul",{ref:n,className:"flex flex-col space-y-8","aria-label":"Blogposts",children:e.posts.slice(1).map((e,t)=>(0,r.Y)("li",{children:(0,r.Y)(v,{post:e})},`blogpost-${t}`))}),a&&a.width>608&&s.leftSide.length>0&&(0,r.Y)("ul",{className:"flex flex-col space-y-8","aria-label":"Blogposts",children:s.leftSide.map((e,t)=>(0,r.Y)("li",{children:(0,r.Y)(v,{post:e})},`left-blogpost-${t}`))}),a&&a.width>608&&s.rightSide.length>0&&(0,r.Y)("ul",{className:"flex flex-col space-y-8","aria-label":"Blogposts",children:s.rightSide.map((e,t)=>(0,r.Y)("li",{children:(0,r.Y)(v,{post:e})},`right-blogpost-${t}`))})]})})]})]})}let v=({post:e,isLatestBlogpost:t})=>{let n=e.coverImage?.url??e.heroImage?.url,l=new Date(e.publishedAt);return(0,r.Y)(f.Z,{noPadding:!0,noMaxWidth:!0,hoverable:!0,className:`p-2 ${t?"spacer-2xl":""}`,children:(0,r.FD)(a(),{href:`/blog/${e.slug}`,className:n&&t?"xl:grid xl:grid-cols-2":"",children:[n&&(0,r.Y)("div",{className:`relative w-full pt-16/9 ${t?"xl:pt-0 xl:h-full":""}`,children:(0,r.Y)(h(),{className:"rounded-xl",src:n,fill:!0,alt:e.title??"",style:{objectFit:"cover",objectPosition:"center"},priority:!!t})}),(0,r.FD)("div",{className:`mt-2 p-4 md:p-8 lg:p-10 ${t?"xl:mt-0 xl:ml-2":""}`,children:[(0,r.Y)(d.JU,{className:"text-neutral-60",children:l.getFullYear()===new Date().getFullYear()?(0,s.A)(l,"MMM d"):(0,s.A)(l,"MMM d, y")}),(0,r.Y)("h2",{className:`spacer-3xs ${t?"h3-size":"h4-size"}`,children:e.title}),t&&(0,r.Y)(d.Ff.SubHeadline,{textPosition:"none",className:"spacer-3xs",children:e.metaDescription}),(0,r.FD)("div",{className:"flex items-center mx-auto spacer-xs",children:[(0,r.Y)("div",{className:"flex-shrink-0 whitespace-nowrap",children:e.authorsCollection.items.map((e,t)=>(0,r.Y)("div",{className:`inline-block ${0!=t?"-ml-3":""}`,children:e?.avatar?.url&&(0,r.Y)(h(),{src:e.avatar.url,width:32,height:32,alt:`${e.name}'s avatar`,className:`box-content relative m-0 z-${5-t} rounded-full border-3 border-grey`,priority:!0,style:{objectFit:"cover"},objectFit:"cover"})},`avatar-${e.name}`))}),(0,r.Y)("div",{className:"ml-3 sm:ml-4 small-body-text font-demibold text-neutral-60",children:e.authorsCollection.items.map((e,t)=>(0,r.FD)("p",{className:"inline",children:[t>0&&(0,r.Y)("span",{children:", "}),(0,r.Y)("span",{children:e.name})]},`author-${e.name}`))})]})]})]})})}}},e=>{e.O(0,[8844,9562,3856,1980,2164,636,8792],()=>e(e.s=25899)),_N_E=e.O()}]);
2//# sourceMappingURL=blog-f1ad0fc866ae36b2.js.map