var Component=(()=>{var Ur=Object.create;var De=Object.defineProperty;var Gr=Object.getOwnPropertyDescriptor;var Xr=Object.getOwnPropertyNames;var Kr=Object.getPrototypeOf,Yr=Object.prototype.hasOwnProperty;var Ue=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Jr=(e,t)=>{for(var n in t)De(e,n,{get:t[n],enumerable:!0})},un=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Xr(t))!Yr.call(e,r)&&r!==n&&De(e,r,{get:()=>t[r],enumerable:!(o=Gr(t,r))||o.enumerable});return e};var dn=(e,t,n)=>(n=e!=null?Ur(Kr(e)):{},un(t||!e||!e.__esModule?De(n,"default",{value:e,enumerable:!0}):n,e)),Qr=e=>un(De({},"__esModule",{value:!0}),e);var pn=Ue((nl,hn)=>{hn.exports=_jsx_runtime});var vn=Ue((ol,fn)=>{fn.exports=React});var gn=Ue((rl,mn)=>{mn.exports=ReactDOM});var Oo=Ue(z=>{"use client";"use strict";Object.defineProperty(z,"__esModule",{value:!0});var Zr=vn(),Vr=gn();function es(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var c=es(Zr);function j(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,o=Object.getOwnPropertySymbols(e);r/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(e),ns=(e,t)=>e.match(new RegExp(`.{${t}}`,"g")),os=e=>parseInt(e.repeat(2/e.length),16);function rs(e,t){return typeof e<"u"?e/255:typeof t!="number"||t<0||t>1?1:t}function ss(e){if(!e)return;if(!ts(e))throw new Error("Invalid color string, must be a valid hex color");let t=Math.floor((e.length-1)/3),n=ns(e.slice(1),t),[o,r,s,a]=n.map(os);return{r:o,g:r,b:s,a:rs(a,1)}}function as(e){if(!e)return;let{r:t,g:n,b:o,a:r}=e,s=Math.round(r*255);return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${o.toString(16).padStart(2,"0")}${s.toString(16).padStart(2,"0")}`}function cs(e,t){if(!e)return e;let{r:n,g:o,b:r,a:s}=ss(e);return as({r:n,g:o,b:r,a:s*t})}function B(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function qn(e,t){return{prev:e?.prev===void 0?t:e.prev,next:e?.next===void 0?t:e.next}}function ht(e,t,n){return B(qn(e,t),n)}function ls(e,t){return t(e.prev)||t(e.next)}function Wn(e){return e.lines.map(t=>t.tokens.map(n=>n.content).join("")).join(` `)}function is(e,t){return bt(e?Dn(e).map(Un):[...t.keys()].map(n=>({[n+1]:!0})))}function Dn(e){return e.split(/,(?![^\[]*\])/g)}function bt(e){return e.reduce((t,n)=>Object.assign(t,n),{})}function us(e){return!!e.match(/(\d+)\[(.+)\]/)}function Un(e){let t=e.match(/(\d+)\[(.+)\]/);if(t){let[,n,o]=t,r=o.split(",").map(Gn);return{[Number(n)]:r}}else return bt(wt(e).map(n=>({[n]:!0})))}function Gn(e){let[t,n]=e.split(":");if(!Qe(t))throw new xe(t);let o=Number(t);if(o<1)throw new Ze;if(n){if(!Qe(n))throw new xe(n);return{start:o,end:+n}}else return{start:o,end:o}}function ds(e,t){if(e){let n=Xn(e),o=Object.keys(n).map(r=>parseInt(r,10));return[Math.min(...o),Math.max(...o)]}else return[0,t.length-1]}function hs(e,t){if(e){let n=Xn(e);return Object.keys(n).map(r=>parseInt(r,10))}else return[...t.keys()]}function Xn(e){if(!e)throw new Error("Focus cannot be empty");try{let t=e.split(/,(?![^\[]*\])/g).map(ps);return fs(t.flat())}catch(t){throw t}}function ps(e){let t=e.match(/(\d+)\[(.+)\]/);if(t){let[,n,o]=t,r=o.split(",").map(wt),s=Number(n)-1,a=r.flat().map(l=>l-1);return[[s,a]]}else return wt(e).map(n=>[n-1,!0])}function wt(e){let[t,n]=e.split(":");if(!Qe(t))throw new xe(t);let o=Number(t);if(o<1)throw new Ze;if(n){if(!Qe(n))throw new xe(n);let r=[];for(let s=o;s<=+n;s++)r.push(s);return r}else return[o]}function Qe(e){e=e.toString();var t=Math.abs(e),n=parseInt(e,10);return!isNaN(t)&&n===t&&t.toString()===e}var Ze=class extends Error{constructor(){super("Invalid line or column number in focus string"),Object.setPrototypeOf(this,new.target.prototype)}},xe=class extends Error{constructor(t){super(`Invalid number "${t}" in focus string`),this.number=t,Object.setPrototypeOf(this,new.target.prototype)}};function fs(e){let t={},n=-1,o=e==null?0:e.length;for(;++n{n.current=e},[e]),c.default.useEffect(()=>{if(!t&&t!==0)return;let o=setInterval(()=>n.current(),t);return()=>clearInterval(o)},[t])}function pt(e,t,n){return Math.min(Math.max(e,t),n)}var Ge=200;function ms(e,t,n,o,r,s){let[a,l]=c.default.useState(null),[u,d]=c.default.useState(0),p=bs(),f=c.default.useRef(null),{prevLongestLine:g,nextLongestLine:v,element:C}=c.default.useMemo(()=>{let E=yn(e.prev,t.prev),S=yn(e.next,t.next),O=(e.prev||e.next).trimEnd().split(Yn),x=Math.max(O.length,10);if(r){let T=r==="focus"?ws(t,O):r,M=O.length;for(;MT;)O.pop(),M--;E&&!O.includes(E)&&(O[O.length-1]=E)}let N=!1,P=c.default.createElement("code",{className:"ch-code-scroll-parent"},c.default.createElement("br",null),O.map((T,M)=>{let W=!N&&T===E?f:void 0;return N=N||W!=null,c.default.createElement("div",{ref:W,key:M},o?c.default.createElement("span",{className:"ch-code-line-number"},"_",x):void 0,c.default.createElement("div",{style:{display:"inline-block",marginLeft:16}},c.default.createElement("span",null,T)))}),c.default.createElement("br",null));return{prevLongestLine:E,nextLongestLine:S,element:P}},[e]),w=[...s,p,g,v,n,u];return Kn(()=>{var E;if(f.current){let S=f.current,O=S?.parentElement,x=O.parentElement,{width:N}=x.getBoundingClientRect();if(!N&&u===0){let R=new ResizeObserver(([ge])=>{let{width:Ne}=ge.contentRect;Ne&&(R.disconnect(),d(1))});return R.observe(x),()=>R.disconnect()}let P=S?.querySelector(":scope > div"),T=S?.querySelector(":scope > span"),M=T?gs(T):0,W=ft(P),Y=W/g.length||1,D=v.length*Y,Z=(E=vt(P))!==null&&E!==void 0?E:20,_={containerWidth:ft(x.parentElement),containerHeight:vt(x.parentElement),contentWidth:ft(O.parentElement),contentHeight:vt(O.parentElement),lineWidths:[W||D||Ge,D||W||Ge],lineWidth:[Math.max(W||D||Ge,Y*n),Math.max(D||W||Ge,Y*n)],lineHeight:Z,colWidth:Y,lineNumberWidth:M,deps:w};l(_)}return()=>{}},w),!a||ys(a.deps,w)?{element:C,dimensions:null}:{element:C,dimensions:a}}var Yn=/\r\n|\r|\n/;function yn(e,t){let n=e?e.split(Yn):[""],o=hs(t,n),r="";return n.forEach((s,a)=>{o.includes(a)&&s.length>r.length&&(r=s)}),r}function ft(e){let t=getComputedStyle(e);return parseFloat(t.width)-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function gs(e){let t=getComputedStyle(e);return parseFloat(t.width)}function vt(e){if(!e)return null;let t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function ys(e,t){for(let n=0;n{function n(){t(window.innerWidth)}return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),e}function ws(e,t){let[n,o]=ds(e.prev,t);return o-n+1}function le(){}le.prototype={diff:function(t,n){var o=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},r=o.callback;typeof o=="function"&&(r=o,o={}),this.options=o;var s=this;function a(w){return r?(setTimeout(function(){r(void 0,w)},0),!0):w}t=this.castInput(t),n=this.castInput(n),t=this.removeEmpty(this.tokenize(t)),n=this.removeEmpty(this.tokenize(n));var l=n.length,u=t.length,d=1,p=l+u,f=[{newPos:-1,components:[]}],g=this.extractCommon(f[0],n,t,0);if(f[0].newPos+1>=l&&g+1>=u)return a([{value:this.join(n),count:n.length}]);function v(){for(var w=-1*d;w<=d;w+=2){var E=void 0,S=f[w-1],O=f[w+1],x=(O?O.newPos:0)-w;S&&(f[w-1]=void 0);var N=S&&S.newPos+1=l&&x+1>=u)return a(xs(s,E.components,n,t,s.useLongestToken));f[w]=E}d++}if(r)(function w(){setTimeout(function(){if(d>p)return r();v()||w()},0)})();else for(;d<=p;){var C=v();if(C)return C}},pushComponent:function(t,n,o){var r=t[t.length-1];r&&r.added===n&&r.removed===o?t[t.length-1]={count:r.count+1,added:n,removed:o}:t.push({count:1,added:n,removed:o})},extractCommon:function(t,n,o,r){for(var s=n.length,a=o.length,l=t.newPos,u=l-r,d=0;l+1v.length?w:v}),d.value=e.join(p)}else d.value=e.join(n.slice(l,l+d.count));l+=d.count,d.added||(u+=d.count)}}var g=t[a-1];return a>1&&typeof g.value=="string"&&(g.added||g.removed)&&e.equals("",g.value)&&(t[a-2].value+=g.value,t.pop()),t}function Es(e){return{newPos:e.newPos,components:e.components.slice(0)}}var bn=/^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/,wn=/\S/,Jn=new le;Jn.equals=function(e,t){return this.options.ignoreCase&&(e=e.toLowerCase(),t=t.toLowerCase()),e===t||this.options.ignoreWhitespace&&!wn.test(e)&&!wn.test(t)};Jn.tokenize=function(e){for(var t=e.split(/(\s+|[()[\]{}'"]|\b)/),n=0;n"u"?n:a}:o;return typeof e=="string"?e:JSON.stringify(xt(e,null,null,r),r," ")};Fe.equals=function(e,t){return le.prototype.equals.call(Fe,e.replace(/,([\r\n])/g,"$1"),t.replace(/,([\r\n])/g,"$1"))};function xt(e,t,n,o,r){t=t||[],n=n||[],o&&(e=o(r,e));var s;for(s=0;sa.next===void 0?Object.assign(Object.assign({},t.prev[a.prev]),{lineNumber:{prev:a.prev+1},move:"exit",enterIndex:null,exitIndex:o++}):a.prev===void 0?Object.assign(Object.assign({},t.next[a.next]),{lineNumber:{next:a.next+1},move:"enter",enterIndex:n++,exitIndex:null}):Object.assign(Object.assign({},t.prev[a.prev]),{lineNumber:{prev:a.prev+1,next:a.next+1},move:"stay",enterIndex:null,exitIndex:null})),enterCount:n,exitCount:o}}function Ts(e){let t=Cs(e.prev,e.next),n=[],o=0,r=0;return t.forEach(s=>{if(s.added)for(let a=0;a{let g=f==="prev"?o.filter(v=>v.move!=="enter"):o.filter(v=>v.move!=="exit");return is(p,g)}),a=o.map(p=>{let{tokens:f}=p,g=j(p,["tokens"]),v={prev:p.lineNumber.prev?s.prev[p.lineNumber.prev]:!1,next:p.lineNumber.next?s.next[p.lineNumber.next]:!1},C={prev:p.lineNumber.prev?n.prev[p.lineNumber.prev]||[]:[],next:p.lineNumber.next?n.next[p.lineNumber.next]||[]:[]};return Object.assign({focused:B(v,w=>!!w),groups:Ps(f,v,C)},g)}),l=B(s,p=>Object.keys(p).map(f=>Number(f))),u=B(l,p=>Math.min(...p)),d=B(l,p=>Math.max(...p));return Object.assign({lines:a,firstFocusedLineNumber:u,lastFocusedLineNumber:d},r)}function Ps(e,t,n){let o=B(t,p=>Array.isArray(p)?p:[]),r=B(n,p=>p.map(({columnNumbers:f})=>f)),s=[...o.prev,...o.next,...r.prev,...r.next],a=Ls(e,s),l=0,u=null,d=[];return a.forEach(p=>{let f=xn(l,t.prev),g=xn(l,t.next),v=En(l,n.prev),C=En(l,n.next);(!u||u.focused.prev!==f||u.focused.next!==g||u.annotation.prev!==v||u.annotation.next!==C)&&(u={focused:{prev:f,next:g},tokens:[],annotation:{prev:v,next:C}},d.push(u)),u?.tokens.push(p),l+=p.content.length}),d.map(p=>({focused:p.focused,tokens:p.tokens,element:Is(p)}))}function Is(e){return c.default.createElement(c.default.Fragment,null,e.tokens.map(({content:t,props:n},o)=>c.default.createElement("span",Object.assign({},n,{key:o+1}),t)))}function Ls(e,t){let n=[...t.map(r=>r.start-1),...t.map(r=>r.end)],o=e;return n.forEach(r=>{let s=[],a=0;o.forEach(l=>{let u=a,d=a+l.content.length;if(un-1<=e&&en.start-1<=e&&eo)return s;let a=(t-n)/(o-n),l=e.ease||Le.linear;return r+l(a)*(s-r)}}function Cn([e,t],n,o){if(o<=1)return[e,t];let r=t-e,s=r/Math.pow(o,1/8),a=(r-s)/(o-1),l=e+a*n,u=l+s;return[l,u]}var Le={linear:function(e){return e},easeInQuad:function(e){return e*e},easeOutQuad:function(e){return e*(2-e)},easeInOutCubic:function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}};function Fs(e,t,n,o){let[r,s]=t;return e.map(a=>{let l=B(a.lineNumber,g=>g&&g-1),{enterIndex:u,exitIndex:d}=a,p=a.move==="exit"?{fixed:!0,value:l.prev}:a.move==="enter"?{fixed:!0,value:l.next}:{fixed:!1,extremes:[l.prev,l.next],interval:[r,s],ease:Le.easeInOutCubic},f=a.move==="exit"?{fixed:!1,extremes:[0,-1],ease:Le.easeInQuad,interval:Cn([0,r],d,o)}:a.move==="enter"?{fixed:!1,extremes:[1,0],ease:Le.easeOutQuad,interval:Cn([s,1],u,n)}:{fixed:!0,value:0};return Object.assign(Object.assign({},a),{tweenX:f,tweenY:p})})}function _s(e){let t=ht(e,[],r=>r.flatMap(s=>Dn(s.focus).map(a=>Object.assign(Object.assign({},s),{focus:a})))),n=ht(t,[],r=>r.filter(On)),o=ht(t,[],r=>r.filter(s=>!On(s)));return{inlineAnnotations:B(n,r=>As(r)),multilineAnnotations:B(o,r=>Ms(r))}}function On(e){return us(e.focus)}function As(e){let t={};return e.forEach(n=>{let o=Un(n.focus),r=+Object.keys(o)[0],s=o[r],a=t[r]||[];a.push({columnNumbers:s[0],data:n.data,Component:n.Component}),t[r]=a}),t}function Ms(e){return e.map(t=>({lineNumbers:Gn(t.focus),data:t.data,Component:t.Component}))}function Rs(e,t){return{prev:Sn(e,t.prev,n=>n.lineNumber.prev),next:Sn(e,t.next,n=>n.lineNumber.next)}}function Sn(e,t,n){let o=[...t];o.sort((a,l)=>a.lineNumbers.start-l.lineNumbers.start);let r=0,s=[];for(;ra.lineNumbers.start)throw"Code Hike can't handle two annotations for the same line";if(a&&n(l)===a.lineNumbers.start){let u={lines:[],annotation:a};for(;l&&(!n(l)||n(l)<=a.lineNumbers.end);)u.lines.push(l),l=e[++r];s.push(u),o.shift()}else if(!a)s.push({lines:e.slice(r)}),r=e.length;else{let u={lines:[]};for(;l&&(!n(l)||n(l){var{groups:o}=n,r=j(n,["groups"]);let{lineNumber:s}=r,a={prev:s.prev?t.prev[s.prev]||[]:[],next:s.next?t.next[s.next]||[]:[]};return Object.assign(Object.assign({},r),{annotatedGroups:Bs(o,a)})})}function Bs(e,t){let n=[...e],o=[...e],r=[...t.prev],s=[...t.next],a=[],l=1,u=1;for(;n.length>0||o.length>0;){let d=r[0],p=s[0],f=d&&d.columnNumbers.start===l,g=p&&p.columnNumbers.start===u;if(lu)if(g){let v=p.columnNumbers.end+1;a.push({next:{annotation:p,groups:Q(o,u,v)}}),u=v,s.shift()}else{let v=Math.min(l,p?.columnNumbers.start||l);a.push({next:{groups:Q(o,u,v)}}),u=v}else if(l==u)if(f&&g&&d.columnNumbers.end===p.columnNumbers.end){let v=p.columnNumbers.end+1;a.push({prev:{annotation:d,groups:Q(n,l,v)},next:{annotation:p,groups:Q(o,u,v)}}),l=v,u=v,r.shift(),s.shift()}else if(f){let v=d.columnNumbers.end+1;a.push({prev:{annotation:d,groups:Q(n,l,v)}}),l=v,r.shift()}else if(g){let v=p.columnNumbers.end+1;a.push({next:{annotation:p,groups:Q(o,u,v)}}),u=v,s.shift()}else if(!d&&!p)a.push({prev:{groups:n},next:{groups:o}}),n=[],o=[];else{let v=Math.min(d?.columnNumbers.start||Number.MAX_VALUE,p?.columnNumbers.start||Number.MAX_VALUE);a.push({prev:{groups:Q(n,l,v)},next:{groups:Q(o,u,v)}}),l=v,u=v}}return a}function Q(e,t,n){let o=[],r=t;for(;r0;){let s=e.shift();o.push(s);let a=s.tokens.reduce((l,u)=>l+u.content.length,0);r+=a}return o}function $s(e){let{highlightedLines:t,focus:n}=e;return c.default.useMemo(()=>zs(e),[t.prev,t.next,n.prev,n.next])}function zs({focus:e,annotations:t,highlightedLines:n,lang:o}){let r=qs(n),s=Ws(r,n),{inlineAnnotations:a,multilineAnnotations:l}=Ds(t),u=Us(s,qn(e,null),a),d=Gs(u,a,l);return Xs(d,r,o)}function qs(e){return B(e,t=>t.map(n=>n.tokens.map(o=>o.content).join("")).join(` `).trimEnd().concat(` `))}function Ws(e,t){return ks(e,t)}function Ds(e){return _s(e)}function Us(e,t,n){return js(e,t,n)}function Gs(e,t,n){var{lines:o}=e,r=j(e,["lines"]);let s=Hs(o,t),a=Rs(s,n);return Object.assign(Object.assign({},r),{lineGroups:a,lineCount:{prev:o.filter(l=>l.lineNumber.prev!=null).length,next:o.filter(l=>l.lineNumber.next!=null).length}})}function Xs(e,t,n){let o=Ks(e.enterCount,e.exitCount),r=B(e.lineGroups,s=>s.map(a=>Object.assign(Object.assign({},a),{lines:Fs(a.lines,o,e.enterCount,e.exitCount)})));return Object.assign(Object.assign({},e),{groups:r,verticalInterval:o,code:t,lang:n})}function Ks(e,t){return e<=0&&t<=0?[0,1]:e<=0&&t>=1?[.33,1]:e>=1&&t<=0?[0,.67]:[.25,.75]}function Ys({dimensions:e,codeStep:t,children:n,minZoom:o=0,maxZoom:r=1.2,center:s=!1,progress:a}){let{prev:l,next:u}=Zs({codeStep:t,dimensions:e,minZoom:o,maxZoom:r,horizontalCenter:s}),d=Ie(l.zoom,u.zoom,a),p=Ie(l.dx,u.dx,a),f=Ie(l.dy,u.dy,a,t.verticalInterval),g=Ie(l.focusHeight,u.focusHeight,a),v=Ie(l.focusWidth,u.focusWidth,a),w=(e?.lineNumberWidth||0)*d||16,E=Math.max(v+w,e.contentWidth),S=w/d;return c.default.createElement(Js,{width:e.containerWidth,height:e.containerHeight,lang:t.lang},c.default.createElement(Qs,{dx:p,dy:f,scale:d,height:Math.max(g,e.contentHeight),width:E},n(v,S)))}function Js({width:e,height:t,children:n,lang:o}){return c.default.createElement("code",{style:{width:e,height:t,position:"relative",overflow:"auto"},className:"ch-code-scroll-parent",children:n,"data-ch-lang":o})}function Qs({dx:e,dy:t,scale:n,height:o,width:r,children:s}){return c.default.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:r,height:o,overflow:"hidden"},className:"ch-code-scroll-content"},c.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translateX(${e}px) translateY(${t}px) scale(${n})`,transformOrigin:"left top",width:r/n,height:(o-2*t)/n},children:s}))}function Zs(e){var{codeStep:t}=e,n=j(e,["codeStep"]);let{lineHeight:o,lineWidth:r}=n.dimensions,s={prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*o,lineWidth:r[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*o,lineWidth:r[1]}};return B(s,({extremes:a,originalContentHeight:l,lineWidth:u})=>Vs(Object.assign({extremes:a,originalContentHeight:l,lineWidth:u},n)))}function Vs({dimensions:e,lineWidth:t,minZoom:n,maxZoom:o,extremes:r,originalContentHeight:s,horizontalCenter:a}){let{lineHeight:l}=e,u=e?.contentHeight,d=e?.contentWidth,p=(r[1]-r[0]+3)*l,f=e?.lineNumberWidth||16,v=Math.max(Math.min((d-f-16)/t,u/p,o),n),C=s*v,w=(r[0]-1)*l*v,E=(r[1]+2)*l*v,S=(E+w)/2,O=E-w,x=u>C?(u-C)/2:ea(u/2-S,Math.max(u-C,-w),0),N=a?Math.max(d/2-t*v/2,0):0;return{zoom:v,dx:N,dy:x,focusHeight:O,focusWidth:t*v}}function ea(e,t,n){return e<=t?t:e>=n?n:e}function Ie(e,t,n,o=[0,1]){return _e({fixed:!1,interval:o,extremes:[e,t],ease:Le.easeInOutCubic},n)}function ta(e){return c.default.createElement(Ys,Object.assign({},e),(t,n)=>c.default.createElement(na,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress,startX:n,lineNumberWidth:e.dimensions.lineNumberWidth}))}function na({codeStep:e,progress:t,focusWidth:n,lineHeight:o,startX:r,lineNumberWidth:s}){let a=t<.5?e.groups.prev:e.groups.next;return c.default.createElement(c.default.Fragment,null,a.map((l,u)=>{if(!l.annotation)return c.default.createElement(Nn,{lines:l.lines,t,focusWidth:n,lineHeight:o,startX:r,key:u,lineNumberWidth:s});let d=_e(l.lines[0].tweenY,t),p=l.annotation.lineNumbers.end-l.annotation.lineNumbers.start+1,f=l.annotation.Component;return c.default.createElement(f,{style:{position:"absolute",height:p*o,width:"100%",transform:`translateY(${d*o}px)`},key:u,data:l.annotation.data,isInline:!1,lines:l.lines},c.default.createElement(Nn,{lines:l.lines,t,focusWidth:n,lineHeight:o,startY:d,startX:r,lineNumberWidth:s}))}))}function Nn({lines:e,focusWidth:t,lineHeight:n,t:o,startX:r,startY:s=0,lineNumberWidth:a}){return c.default.createElement(c.default.Fragment,null,e.map((l,u)=>{let{tweenX:d,tweenY:p,focused:f}=l,g=_e(d,o),v=_e(p,o),C=Qn(f,o,g);return c.default.createElement(c.default.Fragment,{key:u},a?c.default.createElement("span",{className:"ch-code-line-number",style:{position:"absolute",top:0,left:0,transform:`translate(${g*t}px, ${(v-s)*n}px)`,width:a,opacity:C}},o<.5?l.lineNumber.prev:l.lineNumber.next):void 0,c.default.createElement(sa,{dx:r+g*t,dy:(v-s)*n,width:t,opacity:C},c.default.createElement(oa,{line:l,progress:o,dx:g})))}))}function oa({line:e,progress:t,dx:n}){return c.default.createElement("div",{style:{display:"inline-block",width:"100%"}},e.annotatedGroups.map((o,r)=>c.default.createElement(ra,{annotatedGroup:o,progress:t,dx:n,key:r})),c.default.createElement("br",null))}function ra({annotatedGroup:e,progress:t,dx:n}){var o,r;let s=t<.5?e.prev:e.next,a=s?.groups||[],l=(o=s?.annotation)===null||o===void 0?void 0:o.Component,u=a.map((d,p)=>{let f=Qn(d.focused,t,n);return c.default.createElement("span",{style:{opacity:f},key:p+1},d.element)});return l?c.default.createElement(l,{children:u,data:(r=s?.annotation)===null||r===void 0?void 0:r.data,isInline:!0}):c.default.createElement(c.default.Fragment,null,u)}function sa({children:e,dx:t,dy:n,opacity:o,width:r}){return c.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translate(${t}px, ${n}px)`,width:r,display:o<=0?"none":void 0}},e)}var kn=.33;function Qn(e,t,n){return _e({fixed:!1,extremes:[e.prev?.99:kn,e.next?.99:kn],interval:[0,1]},t)-Math.abs(n)*1}function Ae({content:e,style:t,className:n}){let[o,r]=c.default.useState(!1);return c.default.createElement("button",{type:"button",title:"Copy code",className:n,style:t,onClick:()=>{aa(e),r(!0),setTimeout(()=>{r(!1)},1200)}},c.default.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o?c.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"}):c.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.6px",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})))}function aa(e){if(!navigator.clipboard){ca(e);return}navigator.clipboard.writeText(e)}function ca(e){var t=document.createElement("textarea");t.value=e,t.style.top="0",t.style.left="0",t.style.position="fixed",document.body.appendChild(t),t.focus(),t.select();try{var n=document.execCommand("copy")}catch{}document.body.removeChild(t)}function la({tween:e}){return $s({highlightedLines:B(e,t=>t.code.lines),focus:B(e,t=>t.focus),annotations:B(e,t=>t.annotations),lang:ls(e,t=>{var n;return(n=t?.code)===null||n===void 0?void 0:n.lang})})}var ia=10;function Zn(e){var{tween:t,progress:n,config:o}=e,r=j(e,["tween","progress","config"]);let s=la({tween:t}),{element:a,dimensions:l}=ms(s.code,B(t,u=>u.focus),o.minColumns||ia,o.lineNumbers||!1,o.rows,[o.parentHeight]);return!l||o.debug?c.default.createElement(ua,{element:a,htmlProps:r,debug:o.debug}):c.default.createElement(da,{dimensions:l,stepInfo:s,config:o,progress:n,htmlProps:r})}function ua({element:e,htmlProps:t,debug:n}){return c.default.createElement(Vn,{htmlProps:t,measured:!1},e)}function da({config:{minZoom:e=1,maxZoom:t=1,horizontalCenter:n=!1},dimensions:o,stepInfo:r,progress:s,htmlProps:a,config:l}){var u;return c.default.createElement(Vn,{htmlProps:a,measured:!0},c.default.createElement(ta,{codeStep:r,progress:s,dimensions:o,minZoom:e,maxZoom:t,center:n}),l.showCopyButton?c.default.createElement(Ae,{className:"ch-code-button",content:(u=r?.code)===null||u===void 0?void 0:u.prev}):void 0)}function Vn({htmlProps:e,children:t,measured:n}){return c.default.createElement("div",Object.assign({},e,{className:`ch-code-wrapper ${e?.className||""}`,"data-ch-measured":n,children:t}))}function jt(){return typeof window<"u"?performance.now():0}function ha(e,t){var n=c.default.useRef(null);return n.current==null&&(n.current={config:eo(e,t),state:pa(e,t)}),n.current}function eo(e,t){var n=t.stiffness,o=t.damping,r=t.mass,s=t.decimals,a=t.teleport;return{X:e,k:n??170,c:o??26,m:r??1,teleport:a??!1,decimals:s??2}}function pa(e,t){var n=t.from,o=t.initialSpeed;return{x0:n??e,v0:o??0,t0:jt(),raf:null}}var mt=Math.sqrt,ae=Math.exp,Tn=Math.sin,jn=Math.cos;function Ct(e){var t=e.x0,n=e.v0,o=e.t0,r=e.t,s=e.k,a=e.c,l=e.m,u=e.X,d=t-u,p=(r-o)/1e3,f=a*a-4*s*l;if(f>0){var g=(-a+mt(f))/(2*l),v=(-a-mt(f))/(2*l),C=(d*g-n)/(g-v),w=(n-d*v)/(g-v);return{x:u+C*ae(v*p)+w*ae(g*p),v:C*v*ae(v*p)+w*g*ae(g*p)}}else if(f<0){var E=-a/(2*l),S=mt(-f)/(2*l),O=d,x=(n-E*d)/S;return{x:u+ae(E*p)*(O*jn(S*p)+x*Tn(S*p)),v:ae(E*p)*((x*S+O*E)*jn(S*p)-(O*S-x*E)*Tn(S*p))}}else{var N=-a/(2*l),P=d,T=n-N*d;return{x:u+(P+T*p)*ae(N*p),v:(T+P*N+T*N*p)*ae(N*p)}}}var Ve=[],Ot=null;function Pn(e){var t=Ve.push(e);return t===1&&(Ot=requestAnimationFrame(fa)),[Ot,t-1]}function In(e){var t=e[0],n=e[1];t===Ot&&delete Ve[n]}function fa(){var e=jt(),t=Ve;Ve=[],Vr.unstable_batchedUpdates(function(){return t.forEach(function(n){return n&&n(e)})})}var Xe=typeof window<"u"?c.default.useLayoutEffect:c.default.useEffect;function Pt(e,t){t===void 0&&(t={});var n=c.default.useState(),o=n[1],r=eo(e,t),s=ha(e,t),a=s.state,l=s.config,u=jt(),d=a.x0,p=a.v0,f=a.t0,g=l.k,v=l.c,C=l.m,w=l.X,E=r.teleport?{x:w,v:0}:Ct({x0:d,v0:p,t0:f,t:u,k:g,c:v,m:C,X:w}),S=E.x,O=E.v,x=va(S,O,u,r);return Xe(function(){Object.assign(l,r)},[r.X,r.k,r.c,r.m,r.teleport]),Xe(function(){a.x0=S,a.v0=O,a.t0=u},[S,O,u]),Xe(function(){var N=function P(T){var M=a.x0,W=a.v0,Y=a.t0,D=l.k,Z=l.c,_=l.m,R=l.X,ge=l.decimals,Ne=Ct({x0:M,v0:W,t0:Y,t:T,k:D,c:Z,m:_,X:R}),ot=Ne.x;ve(ot,ge)!==ve(M,ge)?(a.raf=null,o(T)):a.raf=Pn(P)};x&&a.raf==null?a.raf=Pn(N):!x&&a.raf!=null&&(In(a.raf),a.raf=null)}),Xe(function(){return function(){a.raf!=null&&In(a.raf)}},[]),[ve(S,r.decimals),x]}function va(e,t,n,o){var r=o.decimals,s=o.X,a=o.k,l=o.c,u=o.m;if(ve(e,r)!==ve(s,r))return!0;var d=n+.016,p=Ct({x0:e,v0:t,t0:n,t:d,k:a,c:l,m:u,X:s}),f=p.x;return ve(f,r)!==ve(s,r)}function ve(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}var ma={stiffness:120,damping:24,mass:.2,decimals:3};function ga(e){var{step:t,config:n}=e,o=j(e,["step","config"]);let{tween:r,t:s}=ya(t,n.spring);return c.default.createElement(Zn,Object.assign({tween:r,progress:s,config:n},o))}function ya(e,t=ma){let[{target:n,steps:o,index:r},s]=c.default.useState({target:2,steps:[e,e,e],index:0});c.default.useEffect(()=>{o[o.length-1]!=e&&s(p=>ba(p,e,a))},[e]);let[a]=Pt(n,t),l=a-r;return l<=1?{tween:{prev:o[0],next:o[1]},t:l}:{tween:{prev:o[1],next:o[2]},t:l-1}}function ba(e,t,n){let{steps:o,target:r,index:s}=e,a=o.slice();return n-s<1?(a[2]=t,Object.assign(Object.assign({},e),{steps:a})):(a[0]=o[1],a[1]=o[2],a[2]=t,Object.assign(Object.assign({},e),{steps:a,target:r+1,index:s+1}))}var wa=c.default.forwardRef(function(e,t){var{title:n,children:o,titleBar:r,zoom:s=1,overflow:a}=e,l=j(e,["title","children","titleBar","zoom","overflow"]);let u=r||c.default.createElement(to,{title:n}),d={"--ch-frame-zoom":s,overflow:a};return c.default.createElement("div",Object.assign({},l,{ref:t}),c.default.createElement("div",{className:"ch-frame"},c.default.createElement("div",{className:"ch-frame-title-bar"},u),c.default.createElement("div",{className:"ch-frame-content"},c.default.createElement("div",{className:"ch-frame-zoom",style:d},o))))});c.default.forwardRef(function(e,t){var{title:n,children:o,titleBar:r,overflow:s}=e,a=j(e,["title","children","titleBar","overflow"]);let l=r||c.default.createElement(to,{title:n});return c.default.createElement("div",Object.assign({},a,{ref:t}),c.default.createElement("div",{className:"ch-simple-frame"},c.default.createElement("div",{className:"ch-frame-title-bar"},l),o))});function to({title:e}){return c.default.createElement(c.default.Fragment,null,c.default.createElement("div",{className:"ch-frame-left-bar"},c.default.createElement(It,null)),c.default.createElement("div",{className:"ch-frame-middle-bar"},e),c.default.createElement("div",{className:"ch-frame-right-bar"}))}function It(){return c.default.createElement("div",{className:"ch-frame-buttons"},c.default.createElement("div",{className:"ch-frame-button ch-frame-button-left"}),c.default.createElement("div",{className:"ch-frame-button-space"}),c.default.createElement("div",{className:"ch-frame-button ch-frame-button-middle"}),c.default.createElement("div",{className:"ch-frame-button-space"}),c.default.createElement("div",{className:"ch-frame-button ch-frame-button-right"}))}var xa=c.default.forwardRef(function(t,n){var o,{northPanel:r,southPanel:s,terminalPanel:a,style:l,height:u,northButton:d,southButton:p,className:f,onTabClick:g}=t,v=j(t,["northPanel","southPanel","terminalPanel","style","height","northButton","southButton","className","onTabClick"]);return c.default.createElement("div",Object.assign({ref:n},v,{className:"ch-editor-frame",style:l}),c.default.createElement("div",{className:"ch-frame-title-bar"},c.default.createElement(Ln,{tabs:r.tabs,showFrameButtons:!0,button:d,panel:"north",onTabClick:g})),c.default.createElement("div",{"data-ch-panel":"north",style:r.style,children:r.children}),s&&c.default.createElement(c.default.Fragment,null,c.default.createElement("div",{className:"ch-frame-title-bar",style:{transform:(o=s.style)===null||o===void 0?void 0:o.transform}},c.default.createElement(Ln,{tabs:s.tabs,showFrameButtons:!1,button:p,topBorder:!0,panel:"south",onTabClick:g})),c.default.createElement("div",{"data-ch-panel":"south",children:s.children,style:s.style})))});function Ln({tabs:e,button:t,showFrameButtons:n,topBorder:o,panel:r,onTabClick:s}){return c.default.createElement(c.default.Fragment,null,o&&c.default.createElement("div",{className:"ch-editor-group-border"}),n?c.default.createElement(It,null):c.default.createElement("div",null),e.map(({title:a,active:l,style:u})=>c.default.createElement("div",{key:a,title:a,"data-ch-tab":r,"data-active":l,className:"ch-editor-tab",style:u,onClick:s&&(()=>s(a))},c.default.createElement(Ea,{title:a}))),c.default.createElement("div",{style:{flex:1,minWidth:"0.8em"}}),t)}function Ea({title:e}){if(!e)return c.default.createElement("div",null);let t=e.lastIndexOf("/")+1,n=e.substring(t),o=e.substring(0,t);return c.default.createElement("div",null,c.default.createElement("span",{style:{opacity:.5}},o),n)}function Ca(e){let[,...t]=e.split(/^\$\s*/gm),n=t.map(a=>{let[l,...u]=a.split(/\r?\n/);return{run:l,output:u.length>0?u.join(` `):null}}),o=n[n.length-1],r=n.length>0&&o.output!=null;return{title:r?o.run.split(/(\s+)/)[0]:"bash",isRunning:r,commands:n}}var Oa=c.default.createElement("span",{className:"ch-terminal-prompt"},"$");function Fn({text:e,progress:t=1,style:n}){let o=Sa(e,t);return c.default.createElement("pre",{style:n,className:"ch-terminal-content"},o.map(({run:r,output:s},a)=>c.default.createElement(c.default.Fragment,{key:a},c.default.createElement("div",null,Oa," ",c.default.createElement("span",null,r)),s&&c.default.createElement("div",{className:"ch-terminal-output"},s))))}function Sa(e,t){if(!e)return[];let n=Math.round(e.length*t),{commands:o}=Ca(e.slice(0,n));return o}function Na({prev:e="",prevKey:t,next:n="",nextKey:o,progress:r}){return c.default.createElement("div",{className:"ch-terminal"},c.default.createElement("div",{style:{position:"relative",transform:`translateY(-${r*100}%)`}},c.default.createElement(Fn,{text:e,progress:1,key:t}),c.default.createElement(Fn,{style:{position:"absolute"},text:n,progress:r,key:o})))}function ka({steps:e,progress:t}){let n=e.map(a=>a.text),o=t%1,r=Ta(Math.floor(t),0,e.length-1),s=r+1;return c.default.createElement(Na,{prev:n[r],prevKey:r,next:n[s]||"",nextKey:s,progress:o})}function Ta(e,t,n){return Math.min(Math.max(e,t),n)}function ja({prev:e,next:t,t:n,backward:o}){let r=Pa({prev:e,next:t,t:n,backward:o});return r?c.default.createElement("div",{className:"ch-editor-terminal",style:{height:r}},c.default.createElement("div",{className:"ch-editor-terminal-tab"},c.default.createElement("span",null,"Terminal")),c.default.createElement("div",{className:"ch-editor-terminal-content"},c.default.createElement(ka,{steps:[{text:e||""},{text:t||""}],progress:n}),")")):null}function Pa({prev:e,next:t,t:n,backward:o}){return!e&&!t?0:!e&&t?gt*Math.min(n*4,1):e&&!t?gt*Math.max(1-n*4,0):gt}var gt=150;function Lt(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[0]}):e}function Ft(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[1]}):e}function Ia(e,t,n,o,r,s){let{prevSnapshot:a,nextSnapshot:l}=Aa(e,t,n);if(!a)return La(t,n,s);if(!l||o===1)return _n(t,n,s);let u=t.southPanel||n.southPanel,{prevNorthFile:d,prevSouthFile:p,nextNorthFile:f,nextSouthFile:g}=_t(t,n,o==0||r),{northStyle:v,southStyle:C}=Fa(a,l,o),{northTabs:w,southTabs:E}=_a(a,l,d.name,p?.name,o);return{northContent:Ce(f),northPanel:{tabs:w,style:v,children:c.default.createElement(Ee,{codeConfig:Lt(s),prevFile:d,nextFile:f,t:o,parentHeight:v.height||v.minHeight})},southContent:Ce(g),southPanel:u&&{tabs:E,style:C,children:c.default.createElement(Ee,{codeConfig:Ft(s),prevFile:p,nextFile:g,t:o,parentHeight:C?.height||C?.minHeight})}}}function La(e,t,n){let o=e.northPanel,r=e.southPanel,{prevNorthFile:s,prevSouthFile:a,nextNorthFile:l,nextSouthFile:u}=_t(e,t,!0);return{northContent:Ce(s),northPanel:{tabs:o.tabs.map(d=>({title:d,active:d===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:c.default.createElement(Ee,{codeConfig:Lt(n),prevFile:s,nextFile:s,t:0,parentHeight:"0"})},southContent:Ce(a),southPanel:r&&{tabs:r.tabs.map(d=>({title:d,active:d===r.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:c.default.createElement(Ee,{codeConfig:Ft(n),prevFile:a,nextFile:a,t:0,parentHeight:"0"})}}}function _n(e,t,n){var o;let r=t.northPanel,s=t.southPanel,{prevNorthFile:a,prevSouthFile:l,nextNorthFile:u,nextSouthFile:d}=_t(e,t,!1);return!s&&r.active===((o=e?.southPanel)===null||o===void 0?void 0:o.active)&&(u=d),{northContent:Ce(u),northPanel:{tabs:r.tabs.map(f=>({title:f,active:f===r.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:c.default.createElement(Ee,{codeConfig:Lt(n),prevFile:u,nextFile:u,t:1,parentHeight:"1"})},southContent:Ce(d),southPanel:s&&{tabs:s.tabs.map(f=>({title:f,active:f===s.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:c.default.createElement(Ee,{codeConfig:Ft(n),prevFile:d,nextFile:d,t:1,parentHeight:"1"})}}}function Ee({prevFile:e,nextFile:t,t:n,codeConfig:o,parentHeight:r}){var s;let a=Object.assign(Object.assign({},o?.htmlProps),{style:Object.assign({height:"100%"},(s=o?.htmlProps)===null||s===void 0?void 0:s.style)});return c.default.createElement(Zn,Object.assign({progress:n,tween:{prev:e,next:t},config:Object.assign(Object.assign({},o),{parentHeight:r})},a))}function Ce(e){return e?Wn(e.code):""}function _t(e,t,n){var o,r;let s=e.northPanel.active,a=t.northPanel.active,l=(o=e.southPanel)===null||o===void 0?void 0:o.active,u=(r=t.southPanel)===null||r===void 0?void 0:r.active,d=e.files.find(x=>x.name===s),p=t.files.find(x=>x.name===a),f=l?e.files.find(x=>x.name===l):null,g=u?t.files.find(x=>x.name===u):null;return!l&&s===u?{prevNorthFile:p,nextNorthFile:p,prevSouthFile:d,nextSouthFile:g}:!u&&a===l?{prevNorthFile:d,nextNorthFile:d,prevSouthFile:f,nextSouthFile:p}:{prevNorthFile:s===a||n?d:p,nextNorthFile:s===a?p:n?d:p,prevSouthFile:l===u?f:n?f||g:g||f,nextSouthFile:l===u?g:n?f||g:g||f}}function Fa(e,t,n){return e.southHeight===null&&t.southHeight===null?{northStyle:{minHeight:e.northHeight}}:e.southHeight!==null&&t.southHeight===null&&t.northKey!==e.southKey?{northStyle:{minHeight:ce(e.northHeight,t.northHeight,n)},southStyle:{minHeight:e.southHeight}}:e.southHeight!==null&&t.southHeight===null&&e.southKey===t.northKey?{northStyle:{minHeight:e.northHeight},southStyle:{position:"relative",minHeight:ce(e.southHeight,t.northHeight,n),transform:`translateY(${ce(0,-(e.northHeight+e.titleBarHeight),n)}px)`}}:e.southHeight===null&&t.southHeight!==null&&e.northKey!==t.southKey?{northStyle:{minHeight:ce(e.northHeight,t.northHeight,n)},southStyle:{position:"relative",minHeight:t.southHeight}}:e.southHeight===null&&t.southHeight!==null&&e.northKey===t.southKey?{northStyle:{minHeight:t.northHeight},southStyle:{position:"relative",minHeight:ce(e.northHeight,t.southHeight,n),transform:`translateY(${ce(-(t.northHeight+t.titleBarHeight),0,n)}px)`}}:{northStyle:{minHeight:ce(e.northHeight,t.northHeight,n)},southStyle:{minHeight:ce(e.southHeight,t.southHeight,n)}}}function ce(e,t,n){return e+(t-e)*n}function _a(e,t,n,o,r){return!e.southTabs&&we(o,e.northTabs)?{northTabs:be(t.northTabs,t.southTabs,e.southTabs,e.northTabs,n,r),southTabs:be(t.southTabs,t.northTabs,e.northTabs,e.southTabs,o,r)}:!t.southTabs&&we(o,t.northTabs)?{northTabs:be(t.southTabs,t.northTabs,e.northTabs,e.southTabs,n,r),southTabs:be(t.northTabs,t.southTabs,e.southTabs,e.northTabs,o,r)}:{northTabs:be(t.northTabs,t.southTabs,e.northTabs,e.southTabs,n,r),southTabs:be(t.southTabs,t.northTabs,e.southTabs,e.northTabs,o,r)}}function be(e,t,n,o,r,s){let a=e?Object.keys(e).filter(d=>we(d,n)||!n).map(d=>{let p=n&&n[d],f=e[d],g=p?p.left+(f.left-p.left)*s:f.left,v=p?p.width+(f.width-p.width)*s:f.width;return{active:d===r,title:d,style:{position:"absolute",transform:`translateX(${g}px)`,width:v}}}):[],l=e?Object.keys(e).filter(d=>n&&!we(d,n)).map(d=>{let p=e[d];return{active:d===r,title:d,style:{position:"absolute",transform:`translateX(${p.left}px)`,opacity:s,width:p.width}}}):[];e&&Object.keys(e).filter(d=>we(d,o)).map(d=>{let p=o[d],g=e[d].left-p.left;return{active:d===r,title:d,style:{position:"absolute",transform:`translateX(${g}px)`}}});let u=n?Object.keys(n).filter(d=>!we(d,e)).map(d=>{let p=n[d];return{active:d===r,title:d,style:{position:"absolute",opacity:1-s,transform:`translateX(${p.left}px)`,width:p.width}}}):[];return[...l,...a,...u]}function we(e,t){return t&&e&&e in t}var An=typeof window<"u"?c.default.useLayoutEffect:c.default.useEffect;function Aa(e,t,n){let[{prevSnapshot:o,nextSnapshot:r},s]=c.default.useState({prevSnapshot:null,nextSnapshot:null});return An(()=>{(o||r)&&s({prevSnapshot:null,nextSnapshot:null})},[t,n]),An(()=>{if(o){if(!r){let a=e.current;s(l=>Object.assign(Object.assign({},l),{nextSnapshot:Object.assign(Object.assign({},Mn(a,n)),Rn(a,n))}))}}else{let a=e.current;s(l=>Object.assign(Object.assign({},l),{prevSnapshot:Object.assign(Object.assign({},Mn(a,t)),Rn(a,t))}))}}),{prevSnapshot:o,nextSnapshot:r}}function Mn(e,t){var n;let o=e.querySelector("[data-ch-panel='north']"),r=e.querySelector("[data-ch-panel='south']");return{titleBarHeight:e.querySelector(".ch-frame-title-bar").getBoundingClientRect().height,northHeight:o.getBoundingClientRect().height,northKey:t.northPanel.active,southHeight:r?.getBoundingClientRect().height||null,southKey:(n=t.southPanel)===null||n===void 0?void 0:n.active}}function Rn(e,t){var n;let o=Array.from(e.querySelectorAll("[data-ch-tab='north']")),r=Array.from(e.querySelectorAll("[data-ch-tab='south']"));return{northTabs:Hn(o,t.northPanel.active),southTabs:Hn(r,(n=t.southPanel)===null||n===void 0?void 0:n.active)}}function Hn(e,t){if(!e[0])return null;let o=e[0].parentElement.getBoundingClientRect().left,r={};return e.forEach(s=>{let a=s.getAttribute("title"),l=s.getBoundingClientRect();r[a]={left:l.left-o,width:l.width,active:a===t}}),r}function Ma({files:e,startingFileName:t}){let[n,o]=c.default.useState(()=>e.find(r=>r.name===t));return c.default.createElement("div",{className:"ch-code-browser"},c.default.createElement(Ra,{files:e,activeFile:n,setActiveFile:o}),c.default.createElement(Ba,{file:n}))}function Ra({files:e,activeFile:t,setActiveFile:n}){let o=c.default.useMemo(()=>$a(e),[e]);return c.default.createElement("div",{className:"ch-code-browser-sidebar"},c.default.createElement(no,{tree:o,activeFile:t,setActiveFile:n}))}function no({tree:e,activeFile:t,setActiveFile:n,level:o=0}){return c.default.createElement(c.default.Fragment,null,e.map(r=>c.default.createElement(Ha,{key:r.name,node:r,activeFile:t,setActiveFile:n,level:o})))}function Ha({node:e,activeFile:t,setActiveFile:n,level:o}){let r=e.children&&e.children.length>0,s=e.codeFile===t;return r?c.default.createElement("div",null,c.default.createElement("div",{className:"ch-code-browser-sidebar-folder"},c.default.createElement("div",{style:{paddingLeft:o*1.5+"ch"}},e.name)),c.default.createElement(no,{tree:e.children,activeFile:t,setActiveFile:n,level:o+1})):c.default.createElement("div",null,c.default.createElement("div",{className:"ch-code-browser-sidebar-file","data-selected":s,onClick:()=>n(e.codeFile)},c.default.createElement("div",{style:{paddingLeft:o*1.5+"ch"}},e.name)))}function Ba({file:e}){return c.default.createElement("div",{className:"ch-code-browser-content"},c.default.createElement(Ae,{className:"ch-code-browser-button",content:Wn(e.code)}),e.code.lines.map((t,n)=>c.default.createElement("div",{key:n},t.tokens.map((o,r)=>c.default.createElement("span",Object.assign({key:r},o.props),o.content)),c.default.createElement("br",null))))}function $a(e){let t=[];for(let n of e){let o=n.name.split("/"),r=t;for(let s=0;sd.name===a);if(u===-1){let d={name:a,children:[],codeFile:void 0};l&&(d.codeFile=n),r.push(d),r=d.children}else r=r[u].children}}return t=oo(t),t}function oo(e){for(let t of e)t.children=oo(t.children);return e.sort((t,n)=>{let o=t.children&&t.children.length>0,r=n.children&&n.children.length>0;return o&&r||!o&&!r?t.name.localeCompare(n.name):o?-1:1})}function za({style:e,step:t,className:n}){let[o,r]=c.default.useState(!1),[s,a]=c.default.useState(!0),l=c.default.useRef(null),u=t.files;return c.default.useEffect(()=>{l.current&&!l.current.showModal&&a(!1)},[]),s?c.default.createElement(c.default.Fragment,null,c.default.createElement(qa,{className:n,style:e,onClick:()=>{l.current.showModal(),document.body.classList.add("ch-no-scroll"),r(!0)}}),c.default.createElement("dialog",{ref:l,className:"ch-expand-dialog",onClose:()=>{r(!1)},onClick:d=>{d.currentTarget===d.target&&(l.current.close(),document.body.classList.remove("ch-no-scroll"))}},c.default.createElement(Wa,{onClick:()=>{l.current.close(),document.body.classList.remove("ch-no-scroll")}}),o?c.default.createElement("div",{className:"ch-expand-dialog-content"},c.default.createElement(Ma,{files:u,startingFileName:t.northPanel.active})):void 0)):null}function qa({onClick:e,style:t,className:n}){return c.default.createElement("button",{type:"button",title:"Expand",style:t,onClick:e,className:n},c.default.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},c.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"})))}function Wa({onClick:e}){return c.default.createElement("button",{onClick:e,className:"ch-expand-close",type:"button",title:"Close"},c.default.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},c.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})))}var Da={files:[{code:{lines:[],lang:"js"},focus:"",name:""}],northPanel:{active:"",tabs:[""],heightRatio:1}};function Ua(e){var{prev:t=Da,next:n,t:o,backward:r,codeConfig:s,frameProps:a={}}=e,l=j(e,["prev","next","t","backward","codeConfig","frameProps"]);let u=c.default.createRef(),{showCopyButton:d,showExpandButton:p}=s,f=j(s,["showCopyButton","showExpandButton"]),{northPanel:g,southPanel:v,northContent:C,southContent:w}=Ia(u,t,n||t,o,r,f),[E,S]=c.default.useState(void 0);Kn(()=>{var T;let M=(T=u.current)===null||T===void 0?void 0:T.getBoundingClientRect().height;S(M)},[]);let O=Object.assign(Object.assign(Object.assign({},a),l),{style:Object.assign(Object.assign({},a?.style),l?.style)});E&&(O.style.height=E,O.style.maxHeight=E);let x=c.default.createElement(c.default.Fragment,null,d?c.default.createElement(Ae,{className:"ch-editor-button",content:C}):void 0,p?c.default.createElement(za,{className:"ch-editor-button",step:n||t}):void 0),N=d?c.default.createElement(Ae,{className:"ch-editor-button",content:w}):void 0,P=c.default.createElement(ja,{prev:t.terminal,next:(n||t).terminal,t:o,backward:r});return c.default.createElement(xa,Object.assign({ref:u},O,{northPanel:g,southPanel:v,terminalPanel:P,northButton:x,southButton:N}))}var Ga={stiffness:120,damping:24,mass:.2,decimals:3};function ro(e){var{northPanel:t,southPanel:n,files:o,terminal:r,springConfig:s}=e,a=j(e,["northPanel","southPanel","files","terminal","springConfig"]);let l=c.default.useMemo(()=>({northPanel:t,southPanel:n,files:o,terminal:r}),[t,n,o,r]),{prev:u,next:d,t:p}=Xa(l,s);return c.default.createElement(Ua,Object.assign({t:p,backward:!1,prev:u,next:d},a))}function Xa(e,t=Ga){let[{target:n,steps:o,index:r},s]=c.default.useState({target:2,steps:[e,e,e],index:0});c.default.useEffect(()=>{o[o.length-1]!=e&&s(p=>Ka(p,e,a))},[e]);let[a]=Pt(n,t),l=a-r;return l<=1?{prev:o[0],next:o[1],t:l}:{prev:o[1],next:o[2],t:l-1}}function Ka(e,t,n){let{steps:o,target:r,index:s}=e,a=o.slice();return n-s<1?(a[2]=t,Object.assign(Object.assign({},e),{steps:a})):(a[0]=o[1],a[1]=o[2],a[2]=t,Object.assign(Object.assign({},e),{steps:a,target:r+1,index:s+1}))}function so(e){let[t,n]=c.default.useState(e);function o(r){let s=me(t,r,null);n(Object.assign(Object.assign({},t),s))}return c.default.createElement(Oe,Object.assign({},t,{onTabClick:o}))}function Ya(e){var t,n,o,r,s,a,l,u,d;let{lineNumbers:p,showCopyButton:f,showExpandButton:g,minZoom:v,maxZoom:C}=e,w=j(e,["lineNumbers","showCopyButton","showExpandButton","minZoom","maxZoom"]),E=Object.assign(Object.assign({},e.codeConfig),{maxZoom:C??((t=e.codeConfig)===null||t===void 0?void 0:t.maxZoom),minZoom:v??((n=e.codeConfig)===null||n===void 0?void 0:n.minZoom),horizontalCenter:(r=(o=e.codeConfig)===null||o===void 0?void 0:o.horizontalCenter)!==null&&r!==void 0?r:e.horizontalCenter,lineNumbers:p??((s=e.codeConfig)===null||s===void 0?void 0:s.lineNumbers),showCopyButton:f??((a=e.codeConfig)===null||a===void 0?void 0:a.showCopyButton),showExpandButton:g??((l=e.codeConfig)===null||l===void 0?void 0:l.showExpandButton),rows:e.rows,debug:(u=e.debug)!==null&&u!==void 0?u:(d=e.codeConfig)===null||d===void 0?void 0:d.debug});return Object.assign(Object.assign({},w),{codeConfig:E})}function Oe(e){var t,n,{onTabClick:o}=e,r=j(e,["onTabClick"]);let s=Ya(r),{className:a,style:l,codeConfig:u}=s,d=j(s,["className","style","codeConfig"]);if(!r.southPanel&&r.files.length===1&&!r.files[0].name)return c.default.createElement("div",{className:`ch-codeblock not-prose ${a||""}`,"data-ch-theme":(t=r.codeConfig)===null||t===void 0?void 0:t.themeName,style:l},c.default.createElement(ga,{className:"ch-code",config:u,step:d.files[0]}));{let p=Object.assign(Object.assign({},d?.frameProps),{onTabClick:o});return c.default.createElement("div",{className:`ch-codegroup not-prose ${a||""}`,"data-ch-theme":(n=r.codeConfig)===null||n===void 0?void 0:n.themeName,style:l},c.default.createElement(ro,Object.assign({},d,{frameProps:p,codeConfig:u})))}}function me(e,t,n){let o=t||e.northPanel.active,r=e.files.map(l=>l.name===o?Object.assign(Object.assign({},l),{focus:n===null?l.focus:n}):l),s=Object.assign({},e.northPanel),a=e.southPanel&&Object.assign({},e.southPanel);return e.northPanel.tabs.includes(o)?s.active=o:a&&(a.active=o),{files:r,northPanel:s,southPanel:a}}var ao=c.default.createContext({props:null,setFocus:()=>{}});function co(e){var{children:t,className:n,style:o}=e,r=j(e,["children","className","style"]);let[s,a]=c.default.useState(r),l=()=>a(r),u=({fileName:p,focus:f,id:g})=>{let v=me(s,p,f);a(Object.assign(Object.assign(Object.assign({},s),v),{selectedId:g}))},d=j(s,["selectedId"]);return c.default.createElement("section",{className:`ch-section ${n||""}`,style:o},c.default.createElement(ao.Provider,{value:{props:d,setFocus:u}},c.default.createElement(At,{onActivation:u,onReset:l},t)))}function lo(e){let{props:t,setFocus:n}=c.default.useContext(ao),o=r=>{n({fileName:r,focus:null,id:""})};return c.default.createElement(Oe,Object.assign({},e,t,{onTabClick:o}))}function io({focus:e,file:t,children:n,id:o}){let{activate:r,reset:s,activatedId:a}=c.default.useContext(uo),l=a===o;return c.default.createElement("span",{className:"ch-section-link","data-active":l,children:n,onMouseOver:()=>r({fileName:t,focus:e,id:o}),onMouseOut:s})}var uo=c.default.createContext({activatedId:void 0,activate:()=>{},reset:()=>{}});function At({onActivation:e,onReset:t,children:n}){let[o,r]=c.default.useState(void 0),s=c.default.useCallback(l=>{r(l.id),e(l)},[e]),a=c.default.useCallback(()=>{r(void 0),t()},[t]);return c.default.createElement(uo.Provider,{value:{activate:s,reset:a,activatedId:o}},n)}function Ja(){return c.default.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-back-button"},c.default.createElement("g",null,c.default.createElement("path",{d:"m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z"})))}function Qa(){return c.default.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-forward-button"},c.default.createElement("g",null,c.default.createElement("path",{d:"m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z"})))}function Za({href:e}){return c.default.createElement("a",{className:"ch-browser-button ch-browser-open-button",title:"Open in new tab",href:e,target:"_blank",rel:"noopener noreferrer"},c.default.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"3 3 18 18",height:"1em",width:"1em",className:"ch-browser-open-icon",xmlns:"http://www.w3.org/2000/svg"},c.default.createElement("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"})))}function Va({url:e,linkUrl:t}){return c.default.createElement(c.default.Fragment,null,c.default.createElement(It,null),c.default.createElement(Ja,null),c.default.createElement(Qa,null),c.default.createElement("input",{value:e||"",readOnly:!0}),c.default.createElement(Za,{href:t}))}function ec(e){return c.default.useMemo(()=>e?e.map(t=>{let{displayUrl:n,loadUrl:o}=tc(t.url,t.loadUrl,t.prependOrigin);return{zoom:t.zoom||1,displayUrl:n,loadUrl:o,children:t.children}}):[{zoom:1}],[e])}function tc(e,t,n){let o=typeof window<"u"?window.origin:"",r=e&&n===!0?o+e:e;return{displayUrl:r,loadUrl:t||r}}var nc=c.default.forwardRef(oc);function oc(e,t){var{progress:n=0,backward:o=!1,steps:r,transition:s="none"}=e,a=j(e,["progress","backward","steps","transition"]);let l=ec(r),u=Math.round(n),{zoom:d,displayUrl:p,loadUrl:f,children:g}=l[u];return c.default.createElement(wa,Object.assign({},a,{zoom:d,className:`ch-mini-browser ${a.className||""}`,style:Object.assign(Object.assign({},rc({progress:n,transition:s})),a.style),titleBar:c.default.createElement(Va,{url:p,linkUrl:f})}),g||c.default.createElement("iframe",{ref:t,src:f}))}function rc({progress:e,transition:t}){if(t==="slide"){let o=e-Math.floor(e),r=o<=.5?-50*o:50-50*o,s=Math.abs(o-.5)*2;return{transform:`translateX(${r}px)`,opacity:s*s}}return{}}function ho(e){var{url:t,loadUrl:n,prependOrigin:o,children:r,zoom:s}=e,a=j(e,["url","loadUrl","prependOrigin","children","zoom"]);let[l,u]=sc({url:t,loadUrl:n,prependOrigin:o,children:r,zoom:s});return c.default.createElement(nc,Object.assign({},a,{steps:l,progress:u}))}function sc({url:e,loadUrl:t,prependOrigin:n,children:o,zoom:r}){let[s,a]=c.default.useState({target:0,steps:[{url:e,loadUrl:t,prependOrigin:n,children:o,zoom:r}]});c.default.useEffect(()=>{let u=s.steps[s.steps.length-1];(u.url!==e||u.loadUrl!==t||u.prependOrigin!==n||u.children!==o)&&a(d=>({target:d.target+1,steps:[...d.steps,{url:e,loadUrl:t,prependOrigin:n,children:o,zoom:r}]}))},[e,t,n,o,r]);let[l]=Pt(s.target,{stiffness:100,decimals:3});return[s.steps,l]}var Ke=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},Mt={};Object.defineProperty(Mt,"__esModule",{value:!0});function ac(e){return e==="vue-cli"?"src/main.js":e==="angular-cli"?"src/main.ts":e==="create-react-app-typescript"?"src/index.tsx":e==="parcel"?"index.html":e==="gatsby"?"src/pages/index.js":e==="nuxt"||e==="next"||e==="apollo"||e==="reason"||e==="sapper"?"package.json":e==="nest"?"src/main.ts":e==="static"?"index.html":"src/index.js"}Mt.getMainFile=ac;var Bn="sandbox.config.json";function cc(e,t){var n=t[Bn]||t["/"+Bn];if(n)try{var o=JSON.parse(n.content);if(o.template)return o.template}catch{}var r=e.dependencies,s=r===void 0?{}:r,a=e.devDependencies,l=a===void 0?{}:a,u=Object.keys(s).concat(Object.keys(l)),d=["nuxt","nuxt-edge"];if(u.some(function(v){return d.indexOf(v)>-1}))return"nuxt";if(u.indexOf("next")>-1)return"next";var p=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(u.some(function(v){return p.indexOf(v)>-1}))return"apollo";if(u.indexOf("ember-cli")>-1)return"ember";if(u.indexOf("sapper")>-1)return"sapper";var f=Object.keys(t);if(f.some(function(v){return v.endsWith(".vue")}))return"vue-cli";if(f.some(function(v){return v.endsWith(".re")}))return"reason";if(u.indexOf("gatsby")>-1)return"gatsby";if(u.indexOf("parcel-bundler")>-1)return"parcel";if(u.indexOf("react-scripts")>-1)return"create-react-app";if(u.indexOf("react-scripts-ts")>-1)return"create-react-app-typescript";if(u.indexOf("@angular/core")>-1)return"angular-cli";if(u.indexOf("preact-cli")>-1)return"preact-cli";if(u.indexOf("svelte")>-1)return"svelte";if(u.indexOf("vue")>-1)return"vue-cli";var g=["@dojo/core","@dojo/framework"];if(u.some(function(v){return g.indexOf(v)>-1}))return"@dojo/cli-create-app";if(u.indexOf("cx")>-1)return"cxjs";if(u.indexOf("@nestjs/core")>-1||u.indexOf("@nestjs/common")>-1)return"nest"}var lc=Mt.getTemplate=cc,St={exports:{}};(function(e,t){var n=200,o="__lodash_hash_undefined__",r=1,s=2,a=9007199254740991,l="[object Arguments]",u="[object Array]",d="[object AsyncFunction]",p="[object Boolean]",f="[object Date]",g="[object Error]",v="[object Function]",C="[object GeneratorFunction]",w="[object Map]",E="[object Number]",S="[object Null]",O="[object Object]",x="[object Promise]",N="[object Proxy]",P="[object RegExp]",T="[object Set]",M="[object String]",W="[object Symbol]",Y="[object Undefined]",D="[object WeakMap]",Z="[object ArrayBuffer]",_="[object DataView]",R="[object Float32Array]",ge="[object Float64Array]",Ne="[object Int8Array]",ot="[object Int16Array]",No="[object Int32Array]",ko="[object Uint8Array]",To="[object Uint8ClampedArray]",jo="[object Uint16Array]",Po="[object Uint32Array]",Io=/[\\^$.*+?()[\]{}|]/g,Lo=/^\[object .+?Constructor\]$/,Fo=/^(?:0|[1-9]\d*)$/,I={};I[R]=I[ge]=I[Ne]=I[ot]=I[No]=I[ko]=I[To]=I[jo]=I[Po]=!0,I[l]=I[u]=I[Z]=I[p]=I[_]=I[f]=I[g]=I[v]=I[w]=I[E]=I[O]=I[P]=I[T]=I[M]=I[D]=!1;var Bt=typeof Ke=="object"&&Ke&&Ke.Object===Object&&Ke,_o=typeof self=="object"&&self&&self.Object===Object&&self,V=Bt||_o||Function("return this")(),$t=t&&!t.nodeType&&t,zt=$t&&!0&&e&&!e.nodeType&&e,qt=zt&&zt.exports===$t,rt=qt&&Bt.process,Wt=function(){try{return rt&&rt.binding&&rt.binding("util")}catch{}}(),Dt=Wt&&Wt.isTypedArray;function Ao(i,h){for(var m=-1,y=i==null?0:i.length,L=0,k=[];++m-1}function dr(i,h){var m=this.__data__,y=Be(m,i);return y<0?(++this.size,m.push([i,h])):m[y][1]=h,this}ee.prototype.clear=cr,ee.prototype.delete=lr,ee.prototype.get=ir,ee.prototype.has=ur,ee.prototype.set=dr;function he(i){var h=-1,m=i==null?0:i.length;for(this.clear();++hH))return!1;var F=k.get(i);if(F&&k.get(h))return F==h;var U=-1,K=!0,q=m&s?new He:void 0;for(k.set(i,h),k.set(h,i);++U-1&&i%1==0&&i-1&&i%1==0&&i<=a}function an(i){var h=typeof i;return i!=null&&(h=="object"||h=="function")}function Pe(i){return i!=null&&typeof i=="object"}var cn=Dt?Bo(Dt):Tr;function qr(i){return $r(i)?Or(i):jr(i)}function Wr(){return[]}function Dr(){return!1}e.exports=zr})(St,St.exports);var ic=St.exports,$n=()=>Math.floor(Math.random()*1e6+Math.random()*1e6),uc=e=>{try{return e.constructor.name}catch{return""}},dc=class{constructor(e,t,n){this.type=e,this.handleMessage=t,this.target=n,this.outgoingMessages=new Set,this._messageListener=async o=>{var r;let{data:s}=o;if(s.$type!==this.getTypeId()||this.outgoingMessages.has(s.$id))return;let a={$originId:this.internalId,$type:this.getTypeId(),$id:s.$id};try{let l=await this.handleMessage(s.$data);a.$data=l}catch(l){l.message||console.error(l),a.$error={message:(r=l.message)!=null?r:"Unknown error"}}o.source?o.source.postMessage(a,"*"):this._postMessage(a)},this.createConnection(),this.internalId=$n(),this.isWorker=uc(n)==="Worker"}getTypeId(){return`p-${this.type}`}createConnection(){self.addEventListener("message",this._messageListener)}dispose(){self.removeEventListener("message",this._messageListener)}sendMessage(e){return new Promise(t=>{let n=$n(),o={$originId:this.internalId,$type:this.getTypeId(),$data:e,$id:n};this.outgoingMessages.add(n);let r=s=>{let{data:a}=s;a.$type===this.getTypeId()&&a.$id===n&&a.$originId!==this.internalId&&(t(a.$data),self.removeEventListener("message",r))};self.addEventListener("message",r),this._postMessage(o)})}_postMessage(e){this.isWorker||typeof DedicatedWorkerGlobalScope<"u"&&this.target instanceof DedicatedWorkerGlobalScope?this.target.postMessage(e):this.target.postMessage(e,"*")}},hc=class{constructor(e,t){this.globalListeners={},this.globalListenersCount=0,this.channelListeners={},this.channelListenersCount=0,this.channelId=Math.floor(Math.random()*1e6),this.frameWindow=e.contentWindow,this.origin=t,this.globalListeners=[],this.channelListeners=[],this.eventListener=this.eventListener.bind(this),typeof window<"u"&&window.addEventListener("message",this.eventListener)}cleanup(){window.removeEventListener("message",this.eventListener),this.globalListeners={},this.channelListeners={},this.globalListenersCount=0,this.channelListenersCount=0}register(){this.frameWindow&&this.frameWindow.postMessage({type:"register-frame",origin:document.location.origin,id:this.channelId},this.origin)}dispatch(e){this.frameWindow&&this.frameWindow.postMessage({$id:this.channelId,codesandbox:!0,...e},this.origin)}globalListen(e){if(typeof e!="function")return()=>{};let t=this.globalListenersCount;return this.globalListeners[t]=e,this.globalListenersCount++,()=>{delete this.globalListeners[t]}}channelListen(e){if(typeof e!="function")return()=>{};let t=this.channelListenersCount;return this.channelListeners[t]=e,this.channelListenersCount++,()=>{delete this.channelListeners[t]}}eventListener(e){if(e.source!==this.frameWindow)return;let t=e.data;t.codesandbox&&(Object.values(this.globalListeners).forEach(n=>n(t)),t.$id===this.channelId&&Object.values(this.channelListeners).forEach(n=>n(t)))}};function po(e={},t={},n="/index.js"){return JSON.stringify({name:"sandpack-project",main:n,dependencies:e,devDependencies:t},null,2)}function pc(e,t,n,o){let r={...e};if(!r["/package.json"]){if(!t)throw new Error("No dependencies specified, please specify either a package.json or dependencies.");if(!o)throw new Error("Missing 'entry' parameter. Either specify an entry point, or pass in a package.json with the 'main' field set.");r["/package.json"]={code:po(t,n,o)}}return r}function fc(e){if(e.title==="SyntaxError"){let{title:s,path:a,message:l,line:u,column:d}=e;return{title:s,path:a,message:l,line:u,column:d}}let t=vc(e.payload.frames);if(!t)return{message:e.message};let n=gc(t),o=mc(t);return{message:yc(t._originalFileName,e.message,o,n),title:e.title,path:t._originalFileName,line:t._originalLineNumber,column:t._originalColumnNumber}}function vc(e){if(e)return e.find(t=>!!t._originalFileName)}function mc(e){return e?` (${e._originalLineNumber}:${e._originalColumnNumber})`:""}function gc(e){let n=e._originalScriptCode[e._originalScriptCode.length-1].lineNumber.toString().length,s=2+n+3+e._originalColumnNumber;return e._originalScriptCode.reduce((a,l)=>{let u=l.highlight?">":" ",d=l.lineNumber.toString().length===n?`${l.lineNumber}`:` ${l.lineNumber}`,p=l.highlight?` `+" ".repeat(s)+"^":"";return a+` `+u+" "+d+" | "+l.content+p},"")}function yc(e,t,n,o){return`${e}: ${t}${n} ${o}`}var bc=`https://${"0.19.0".replace(/\./g,"-")}-sandpack.codesandbox.io/`,wc=class{constructor(e,t,n={}){this.getTranspilerContext=()=>new Promise(s=>{let a=this.listen(l=>{l.type==="transpiler-context"&&(s(l.data),a())});this.dispatch({type:"get-transpiler-context"})});var o;if(this.options=n,this.sandboxInfo=t,this.bundlerURL=n.bundlerURL||bc,this.bundlerState=void 0,this.errors=[],this.status="initializing",typeof e=="string"){this.selector=e;let s=document.querySelector(e);if(!s)throw new Error(`No element found for selector '${e}'`);this.element=s,this.iframe=document.createElement("iframe"),this.initializeElement()}else this.element=e,this.iframe=e;this.iframe.getAttribute("sandbox")||this.iframe.setAttribute("sandbox","allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts");let r=n.startRoute?new URL(n.startRoute,this.bundlerURL).toString():this.bundlerURL;(o=this.iframe.contentWindow)==null||o.location.replace(r),this.iframeProtocol=new hc(this.iframe,this.bundlerURL),this.unsubscribeGlobalListener=this.iframeProtocol.globalListen(s=>{s.type!=="initialized"||!this.iframe.contentWindow||(this.iframeProtocol.register(),this.options.fileResolver&&(this.fileResolverProtocol=new dc("file-resolver",async a=>a.m==="isFile"?this.options.fileResolver.isFile(a.p):this.options.fileResolver.readFile(a.p),this.iframe.contentWindow)),this.updatePreview(this.sandboxInfo,!0))}),this.unsubscribeChannelListener=this.iframeProtocol.channelListen(s=>{switch(s.type){case"start":{this.errors=[];break}case"status":{this.status=s.status;break}case"action":{s.action==="show-error"&&(this.errors=[...this.errors,fc(s)]);break}case"state":{this.bundlerState=s.state;break}}})}cleanup(){this.unsubscribeChannelListener(),this.unsubscribeGlobalListener(),this.iframeProtocol.cleanup()}updateOptions(e){ic(this.options,e)||(this.options=e,this.updatePreview())}updatePreview(e=this.sandboxInfo,t){var n,o,r,s;this.sandboxInfo={...this.sandboxInfo,...e};let a=this.getFiles(),l=Object.keys(a).reduce((p,f)=>({...p,[f]:{code:a[f].code,path:f}}),{}),u=JSON.parse(po(this.sandboxInfo.dependencies,this.sandboxInfo.devDependencies,this.sandboxInfo.entry));try{u=JSON.parse(a["/package.json"].code)}catch(p){console.error("Could not parse package.json file: "+p.message)}let d=Object.keys(a).reduce((p,f)=>({...p,[f]:{content:a[f].code,path:f}}),{});this.dispatch({type:"compile",codesandbox:!0,version:3,isInitializationCompile:t,modules:l,reactDevTools:this.options.reactDevTools,externalResources:this.options.externalResources||[],hasFileResolver:!!this.options.fileResolver,disableDependencyPreprocessing:this.sandboxInfo.disableDependencyPreprocessing,template:this.sandboxInfo.template||lc(u,d),showOpenInCodeSandbox:(n=this.options.showOpenInCodeSandbox)!=null?n:!0,showErrorScreen:(o=this.options.showErrorScreen)!=null?o:!0,showLoadingScreen:(r=this.options.showLoadingScreen)!=null?r:!0,skipEval:this.options.skipEval||!1,clearConsoleDisabled:!this.options.clearConsoleOnFirstCompile,logLevel:(s=this.options.logLevel)!=null?s:Nt.Info})}dispatch(e){this.iframeProtocol.dispatch(e)}listen(e){return this.iframeProtocol.channelListen(e)}getCodeSandboxURL(){let e=this.getFiles(),t=Object.keys(e).reduce((n,o)=>({...n,[o.replace("/","")]:{content:e[o].code,isBinary:!1}}),{});return fetch("https://codesandbox.io/api/v1/sandboxes/define?json=1",{method:"POST",body:JSON.stringify({files:t}),headers:{Accept:"application/json","Content-Type":"application/json"}}).then(n=>n.json()).then(n=>({sandboxId:n.sandbox_id,editorUrl:`https://codesandbox.io/s/${n.sandbox_id}`,embedUrl:`https://codesandbox.io/embed/${n.sandbox_id}`}))}getFiles(){let{sandboxInfo:e}=this;return e.files["/package.json"]===void 0?pc(e.files,e.dependencies,e.devDependencies,e.entry):this.sandboxInfo.files}initializeElement(){if(this.iframe.style.border="0",this.iframe.style.width=this.options.width||"100%",this.iframe.style.height=this.options.height||"100%",this.iframe.style.overflow="hidden",!this.element.parentNode)throw new Error("Given element does not have a parent.");this.element.parentNode.replaceChild(this.iframe,this.element)}},Nt;(function(e){e[e.None=0]="None",e[e.Error=10]="Error",e[e.Warning=20]="Warning",e[e.Info=30]="Info",e[e.Debug=40]="Debug"})(Nt||(Nt={}));function ne(e){var{className:t,files:n,presetConfig:o,show:r,children:s,style:a,frameless:l,codeConfig:u}=e,d=j(e,["className","files","presetConfig","show","children","style","frameless","codeConfig"]);let p=o?c.default.createElement(xc,{files:n,presetConfig:o}):s;return c.default.createElement("div",{className:"ch-preview"+(t?" "+t:""),style:a,"data-ch-theme":u?.themeName},l?p:c.default.createElement(ho,Object.assign({loadUrl:r},d,{children:p})))}function xc({files:e,presetConfig:t}){let n=c.default.useRef(null),o=c.default.useRef(null);return c.default.useEffect(()=>{o.current=new wc(n.current,Object.assign(Object.assign({},t),{files:zn(t.files,e)}),{showOpenInCodeSandbox:!1})},[]),c.default.useEffect(()=>{o.current&&o.current.updatePreview(Object.assign(Object.assign({},t),{files:zn(t.files,e)}))},[e]),c.default.createElement("iframe",{ref:n})}function zn(e,t){let n=Object.assign({},e);return t.forEach(o=>{n["/"+o.name]={code:o.code.lines.map(r=>r.tokens.map(s=>s.content).join("")).join(` `)}}),n}function tt(e,t){let n=c.default.Children.toArray(e),o=t?n.slice(0,n.length/2):n,r=t?n.slice(n.length/2):void 0;return{stepsChildren:o,previewChildren:r}}function fo(e){var t,{children:n,editorSteps:o,codeConfig:r,start:s=0,presetConfig:a,className:l,style:u,hasPreviewSteps:d}=e,p=j(e,["children","editorSteps","codeConfig","start","presetConfig","className","style","hasPreviewSteps"]);let{stepsChildren:f,previewChildren:g}=tt(n,d),v=a||d,[C,w]=c.default.useState({stepIndex:s,step:o[s]}),E=C.step;function S(x){let N=me(C.step,x,null);w(Object.assign(Object.assign({},C),{step:N}))}let O=f[0];return c.default.createElement("section",{className:`ch-spotlight ${v?"ch-spotlight-with-preview":""} ${l||""}`,style:u,"data-ch-theme":r.themeName},c.default.createElement("div",{className:"ch-spotlight-tabs"},!((t=O?.props)===null||t===void 0)&&t.children?c.default.createElement("div",null,f[0]):null,f.map((x,N)=>N===0?null:c.default.createElement("div",{key:N,onClick:()=>w({stepIndex:N,step:o[N]}),className:"ch-spotlight-tab","data-selected":N===C.stepIndex?"true":void 0},x))),c.default.createElement("div",{className:"ch-spotlight-sticker"},c.default.createElement(Oe,Object.assign({},p,E,{codeConfig:r,onTabClick:S})),a?c.default.createElement(ne,{className:"ch-spotlight-preview",files:E.files,presetConfig:a}):d?c.default.createElement(ne,Object.assign({className:"ch-spotlight-preview"},g[C.stepIndex].props)):null))}function Ec(e){e.forEach(Cc)}function Cc(e){var t;let n=((t=e.rootBounds)===null||t===void 0?void 0:t.height)||0;yt(e.rootBounds,{border:`${Math.min(10,n/2)}px solid ${Ye.rootColor}`,overflow:"hidden",boxSizing:"border-box"}),yt(e.boundingClientRect,{border:`${Math.min(10,e.boundingClientRect.height/2)}px solid ${e.isIntersecting?Ye.enterColor:Ye.exitColor}`,overflow:"hidden",boxSizing:"border-box"}),yt(e.intersectionRect,{backgroundColor:Ye.interColor,zIndex:2})}function yt(e,t={}){let{width:n,left:o,height:r,top:s}=e,a=document.createElement("div");return a.style.position="fixed",a.style.width=n+"px",a.style.left=o+"px",a.style.top=s+"px",a.style.height=r+"px",a.style.pointerEvents="none",a.style.transition="opacity 2s ease-in",Object.assign(a.style,t),requestAnimationFrame(()=>requestAnimationFrame(()=>{a.style.opacity="0"})),a.addEventListener("transitionend",()=>{document.body.removeChild(a)}),document.body.appendChild(a),a}var Ye={rootColor:"#9428AB",enterColor:"#B35C00",exitColor:"#035570",interColor:"#9CAF00BB"},Oc=typeof window<"u"?c.default.useLayoutEffect:c.default.useEffect;function Sc(){let e=typeof window=="object";function t(){return e?document.documentElement.clientHeight:void 0}let[n,o]=c.default.useState(t);return c.default.useEffect(()=>{function r(){o(t())}return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),Oc(()=>{o(t())},[]),n}var vo=c.default.createContext(void 0),kt=typeof window<"u"?c.default.useLayoutEffect:c.default.useEffect;function Nc({onStepChange:e,children:t,getRootMargin:n=jc,triggerPosition:o,debug:r=!1}){let[s,a]=c.default.useState(),l=Sc();return kt(()=>{let p=Tc(f=>{(r||window.chDebugScroller)&&Ec(f),f.forEach(g=>{if(g.intersectionRatio>0){let v=g.target;e(+v.stepIndex)}})},n(l||0,o));return a(p),()=>p.disconnect()},[l]),c.default.createElement(vo.Provider,{value:s},t)}function kc(e){var{as:t="section",index:n}=e,o=j(e,["as","index"]);let r=c.default.useRef(null),s=c.default.useContext(vo);return kt(()=>(s&&s.observe(r.current),()=>s&&s.unobserve(r.current)),[s]),kt(()=>{let a=r.current;a.stepIndex=n},[n]),c.default.createElement(t,Object.assign(Object.assign({},o),{ref:r}))}function Tc(e,t){return new IntersectionObserver(e,{rootMargin:t,threshold:1e-6,root:null})}function jc(e,t="50%"){let n=e*.5;if(t.endsWith("%")){let o=parseFloat(t.replace("%",""));n=e*(o/100)}else t.endsWith("px")&&(n=parseFloat(t.replace("px","")));return n<0&&(n=e+n),`-${n-2}px 0px -${e-n-2}px`}var Pc=0;function Ic({match:e}){let t=e.map(([s])=>s),{isServer:n,matchedIndex:o}=_c(t),r=n?"ssmq-"+Pc++:"";return n?c.default.createElement(c.default.Fragment,null,c.default.createElement("style",{className:r,dangerouslySetInnerHTML:{__html:Lc(t,r)}}),e.map(([s,a])=>c.default.createElement("div",{key:s,className:`${r} ${et(s)}`},a)),c.default.createElement("script",{className:r,dangerouslySetInnerHTML:{__html:Fc(e,r)}})):c.default.createElement(c.default.Fragment,null,c.default.createElement("div",null,e[o][1]))}function Lc(e,t){return e.slice().reverse().map(r=>{let s=`.${t}.${et(r)}{display:block}`,a=`.${t}:not(.${et(r)}){display: none;}`;return r==="default"?`${s}${a}`:`@media ${r}{${s}${a}}`}).join(` `)}function Fc(e,t){let n=e.map(([r])=>r),o=n.map(et);return`(function() { var qs = ${JSON.stringify(n)}; var clss = ${JSON.stringify(o)}; var mainCls = "${t}"; var scrEls = document.getElementsByTagName("script"); var scrEl = scrEls[scrEls.length - 1]; var parent = scrEl.parentNode; var el = null; for (var i = 0; i < qs.length - 1; i++) { if (window.matchMedia(qs[i]).matches) { el = parent.querySelector(":scope > ." + mainCls + "." + clss[i]); break; } } if (!el) { var defaultClass = clss.pop(); el = parent.querySelector(":scope > ." + mainCls + "." + defaultClass); } el.removeAttribute("class"); parent.querySelectorAll(":scope > ." + mainCls).forEach(function (e) { parent.removeChild(e); }); })();`}function et(e){return"ssmq-"+e.replace(/[!\"#$%&'\(\)\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~\s]/g,"").toLowerCase()}function _c(e){let t=typeof window>"u",n=e.slice(0,-1);e[e.length-1]!=="default"&&console.warn("last media query should be 'default'");let[,o]=c.default.useState(0),r=t?[]:n.map(a=>window.matchMedia(a));c.default.useEffect(()=>{let a=()=>o(l=>l+1);return r.forEach(l=>l.addListener(a)),()=>r.forEach(l=>l.removeListener(a))},[]);let s=r.findIndex(a=>a.matches);return{isServer:t,matchedIndex:s<0?e.length-1:s}}function mo(){let e=c.default.useContext(Rt);return e?c.default.createElement(Ac,Object.assign({},e)):null}function Ac({editorStep:e,setFocus:t}){let n=r=>{t({fileName:r,focus:null,id:""})},o=j(e,["preset","presetConfig"]);return c.default.createElement(Oe,Object.assign({},o,{onTabClick:n}))}function go(){let e=c.default.useContext(Rt);return e?c.default.createElement(Mc,Object.assign({},e)):null}function Mc({previewStep:e,allProps:t,editorStep:n}){let o=j(t,["preset"]);return c.default.createElement(ne,Object.assign({className:"ch-scrollycoding-preview"},o,e?.props,{files:n.files}))}var Rt=c.default.createContext(null);function yo(e){return c.default.createElement(Ic,{match:[[e.codeConfig.staticMediaQuery,c.default.createElement(Rc,Object.assign({},e))],["default",c.default.createElement(Bc,Object.assign({},e))]]})}function Rc(e){var t,{children:n,hasPreviewSteps:o,editorSteps:r}=e,s=j(e,["children","hasPreviewSteps","editorSteps"]);let{stepsChildren:a,previewChildren:l}=tt(n,o);return c.default.createElement("section",{className:"ch-scrollycoding-static","data-ch-theme":(t=s?.codeConfig)===null||t===void 0?void 0:t.themeName},a.map((u,d)=>c.default.createElement(Hc,{key:d,editorStep:r[d],previewStep:l&&l[d],allProps:s},u)))}function Hc({editorStep:e,previewStep:t,allProps:n,children:o}){let[r,s]=c.default.useState(Object.assign(Object.assign({},e),n)),a=()=>s(Object.assign(Object.assign({},e),n)),l=({fileName:u,focus:d,id:p})=>{let f=me(r,u,d);s(Object.assign(Object.assign(Object.assign({},r),f),{selectedId:p}))};return c.default.createElement(Rt.Provider,{value:{editorStep:r,previewStep:t,allProps:n,setFocus:l}},c.default.createElement(At,{onActivation:l,onReset:a},o))}function Bc(e){var{children:t,editorSteps:n,codeConfig:o,presetConfig:r,start:s=0,className:a,style:l,hasPreviewSteps:u}=e,d=j(e,["children","editorSteps","codeConfig","presetConfig","start","className","style","hasPreviewSteps"]);let{stepsChildren:p,previewChildren:f}=tt(t,u),g=r||u,[v,C]=c.default.useState({stepIndex:s,step:n[s]}),w=v.step;function E(x){C({stepIndex:x,step:n[x]})}function S(x){let N=me(v.step,x,null);C(Object.assign(Object.assign({},v),{step:N}))}function O(x,N,P){let T=me(n[x],N,P);C(Object.assign(Object.assign({},v),{stepIndex:x,step:T}))}return c.default.createElement("section",{className:`ch-scrollycoding ${g?"ch-scrollycoding-with-preview":""} ${a||""}`,style:l,"data-ch-theme":o?.themeName},c.default.createElement("div",{className:"ch-scrollycoding-content"},c.default.createElement(Nc,{onStepChange:E,triggerPosition:o?.triggerPosition},p.map((x,N)=>c.default.createElement(kc,{as:"div",key:N,index:N,onClick:()=>E(N),className:"ch-scrollycoding-step-content","data-selected":N===v.stepIndex?"true":void 0},c.default.createElement(At,{onActivation:({fileName:P,focus:T})=>{O(N,P,T)},onReset:()=>{E(N)}},x))))),c.default.createElement("div",{className:"ch-scrollycoding-sticker"},c.default.createElement(Oe,Object.assign({showExpandButton:!0},d,w,{codeConfig:o,onTabClick:S})),r?c.default.createElement(ne,{className:"ch-scrollycoding-preview",files:w.files,presetConfig:r}):u?c.default.createElement(ne,Object.assign({className:"ch-scrollycoding-preview"},f[v.stepIndex].props)):null))}function bo(e){var{children:t,className:n,code:o,codeConfig:r,editorSteps:s,autoFocus:a,hasPreviewSteps:l,start:u=0,onChange:d=()=>{},presetConfig:p,style:f,autoPlay:g,loop:v=!1}=e,C=j(e,["children","className","code","codeConfig","editorSteps","autoFocus","hasPreviewSteps","start","onChange","presetConfig","style","autoPlay","loop"]);let{stepsChildren:w,previewChildren:E}=tt(t,l),S=p||l,O=w.some(_=>{var R;return(R=_.props)===null||R===void 0?void 0:R.children}),x=s.length-1,[N,P]=c.default.useState(()=>{let _=pt(u,0,x);return{stepIndex:_,step:s[_]}}),{stepIndex:T,step:M}=N,W=T===x;c.default.useEffect(()=>{d({index:T})},[T]);function Y(_){let R=me(M,_,null);P(Object.assign(Object.assign({},N),{step:R}))}function D(_){let R=pt(_,0,x);P({stepIndex:R,step:s[R]})}function Z(){P(_=>{let R=v?(_.stepIndex+1)%(x+1):pt(_.stepIndex+1,0,x);return{stepIndex:R,step:s[R]}})}return vs(Z,g),c.default.createElement("div",{className:`ch-slideshow ${S?"ch-slideshow-with-preview":""} ${n||""}`,style:f,"data-ch-theme":r.themeName},c.default.createElement("div",{className:"ch-slideshow-slide"},c.default.createElement(Oe,Object.assign({},C,M,{codeConfig:Object.assign(Object.assign({},r),o),onTabClick:Y})),p?c.default.createElement(ne,{className:"ch-slideshow-preview",files:M.files,presetConfig:p}):l?c.default.createElement(ne,Object.assign({className:"ch-slideshow-preview"},E[T].props)):null),c.default.createElement("div",{className:"ch-slideshow-notes"},c.default.createElement("div",{className:"ch-slideshow-range"},c.default.createElement("button",{onClick:()=>D(T-1),disabled:T===0},"Prev"),c.default.createElement("input",{max:x,min:0,step:1,type:"range",value:T,onChange:_=>D(+_.target.value),ref:$c(a),autoFocus:a}),c.default.createElement("button",{onClick:Z,disabled:W},"Next")),O&&c.default.createElement("div",{className:"ch-slideshow-note"},w[T])))}function $c(e){let t=c.default.useRef(null);return c.default.useEffect(()=>{e&&t.current.focus()},[]),t}function wo(){return c.default.createElement("div",null,`"error: code hike remark plugin not running or annotation isn't at the right place"`)}var xo={box:Uc,bg:Eo,label:Xc,link:Kc,mark:zc,withClass:Gc};function zc(e){return e.isInline?c.default.createElement(Wc,Object.assign({},e)):c.default.createElement(Eo,Object.assign({},e))}function Eo({children:e,data:t,style:n,lines:o}){let r=qc(o),s="ch-code-multiline-mark "+(t??"");return c.default.createElement("div",{style:n,className:s},c.default.createElement("span",{className:"ch-code-multiline-mark-border"}),e,c.default.createElement(Ae,{className:"ch-code-button",content:r}))}function qc(e){return e.map(t=>t.annotatedGroups.flatMap(n=>{var o;return(o=n.prev)===null||o===void 0?void 0:o.groups.flatMap(r=>r.tokens.map(s=>s.content))}).join("")).join(` `)}function Wc({children:e,data:t}){let n="ch-code-inline-mark "+(t??"");return c.default.createElement("span",{className:n,style:{background:Dc(e)||void 0}},e)}function Dc(e){var t,n,o;try{let r=c.default.Children.toArray(e)[0],s=c.default.Children.toArray(((t=r?.props)===null||t===void 0?void 0:t.children)||[])[0],a=c.default.Children.toArray(((n=s?.props)===null||n===void 0?void 0:n.children)||[])[0],{color:l}=((o=a?.props)===null||o===void 0?void 0:o.style)||{};return l?cs(l,.2):void 0}catch{return}}function Uc({children:e,data:t}){let n=typeof t=="string"?t:void 0;return c.default.createElement("span",{className:"ch-code-box-annotation",style:{outlineColor:n}},e)}function Gc({children:e,data:t,style:n}){return c.default.createElement("span",{style:n,className:t},e)}function Xc({children:e,data:t,style:n}){return c.default.createElement("div",{className:"ch-code-label-annotation",style:n},e,c.default.createElement("div",{className:"ch-code-label-annotation-text"},t?.children||t))}function Kc({children:e,isInline:t,style:n,data:o}){let r=o?.url||o,s=o?.title;return c.default.createElement("a",{href:r,title:s,className:t?"ch-code-inline-link":"ch-code-link",style:n},e)}function Co(e){var{className:t,codeConfig:n,children:o,code:r}=e,s=j(e,["className","codeConfig","children","code"]);let{lines:a}=r,l=a.flatMap(u=>u.tokens);return c.default.createElement("span",Object.assign({"data-ch-theme":n.themeName,className:"ch-inline-code not-prose"+(t?" "+t:"")},s),c.default.createElement("code",null,l.map((u,d)=>c.default.createElement("span",Object.assign({key:d},u.props),u.content))))}var Yc={Code:so,Section:co,SectionLink:io,SectionCode:lo,Spotlight:fo,Scrollycoding:yo,Preview:ne,annotations:xo,Annotation:wo,Slideshow:bo,InlineCode:Co,CodeSlot:mo,PreviewSlot:go},Jc={MiniBrowser:ho,EditorSpring:ro};z.Annotation=wo;z.CH=Yc;z.Code=so;z.CodeSlot=mo;z.InlineCode=Co;z.Preview=ne;z.PreviewSlot=go;z.Scrollycoding=yo;z.Section=co;z.SectionCode=lo;z.SectionLink=io;z.Slideshow=bo;z.Spotlight=fo;z.annotations=xo;z.internal=Jc});var el={};Jr(el,{CH:()=>ie,chCodeConfig:()=>Se,default:()=>Vc,frontmatter:()=>Qc});var b=dn(pn()),nt=dn(Oo()),ie={annotations:nt.annotations,Code:nt.Code},Se={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"github-from-css"},Qc={title:"Authentication",description:"Getting access to our endpoints and functionality",order:1,external:!0};function So(e){let t=Object.assign({p:"p",h2:"h2",a:"a",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",h3:"h3",strong:"strong",ul:"ul",li:"li",hr:"hr"},e.components),{Callout:n}=t;return ie||Ht("CH",!1),ie.Code||Ht("CH.Code",!0),n||Ht("Callout",!0),(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-from-css"] { --ch-t-colorScheme: var(--ch-0);--ch-t-foreground: var(--ch-4);--ch-t-background: var(--ch-16);--ch-t-lighter-inlineBackground: var(--ch-26);--ch-t-editor-background: var(--ch-16);--ch-t-editor-foreground: var(--ch-4);--ch-t-editor-lineHighlightBackground: var(--ch-17);--ch-t-editor-rangeHighlightBackground: var(--ch-18);--ch-t-editor-infoForeground: var(--ch-19);--ch-t-editor-selectionBackground: var(--ch-20);--ch-t-focusBorder: var(--ch-21);--ch-t-tab-activeBackground: var(--ch-16);--ch-t-tab-activeForeground: var(--ch-4);--ch-t-tab-inactiveBackground: var(--ch-22);--ch-t-tab-inactiveForeground: var(--ch-15);--ch-t-tab-border: var(--ch-23);--ch-t-tab-activeBorder: var(--ch-16);--ch-t-editorGroup-border: var(--ch-23);--ch-t-editorGroupHeader-tabsBackground: var(--ch-22);--ch-t-editorLineNumber-foreground: var(--ch-24);--ch-t-input-background: var(--ch-16);--ch-t-input-foreground: var(--ch-4);--ch-t-input-border: var(--ch-23);--ch-t-icon-foreground: var(--ch-15);--ch-t-sideBar-background: var(--ch-22);--ch-t-sideBar-foreground: var(--ch-4);--ch-t-sideBar-border: var(--ch-23);--ch-t-list-activeSelectionBackground: var(--ch-25);--ch-t-list-activeSelectionForeground: var(--ch-4);--ch-t-list-hoverBackground: var(--ch-17);--ch-t-list-hoverForeground: var(--ch-4); }'}}),` `,` `,(0,b.jsx)(t.p,{children:"Before using any endpoint provided by Skrym you need to be able to authenticate your calls to our system. \u{1F510} Find out more below."}),` `,(0,b.jsx)(t.h2,{id:"users--systems",children:(0,b.jsx)(t.a,{href:"#users--systems",children:"Users & Systems"})}),` `,(0,b.jsx)(t.p,{children:`In the Skrym ecosystem there are two different kinds of agents. These agents use different methods of authenticating themselves but have similar capabilities in what they can request. The different agents are:`}),` `,(0,b.jsxs)(t.table,{children:[(0,b.jsx)(t.thead,{children:(0,b.jsxs)(t.tr,{children:[(0,b.jsx)(t.th,{children:"Agent"}),(0,b.jsx)(t.th,{children:"Access through"}),(0,b.jsx)(t.th,{children:"Authenticates with"})]})}),(0,b.jsxs)(t.tbody,{children:[(0,b.jsxs)(t.tr,{children:[(0,b.jsx)(t.td,{children:"\u{1F469}\u{1F3FB}\u200D\u{1F4BB} Users"}),(0,b.jsx)(t.td,{children:(0,b.jsx)(t.a,{href:"https://scope.skrym.com",children:"https://scope.skrym.com"})}),(0,b.jsx)(t.td,{children:"Username and password"})]}),(0,b.jsxs)(t.tr,{children:[(0,b.jsx)(t.td,{children:"\u{1F916} Systems"}),(0,b.jsx)(t.td,{children:(0,b.jsx)(t.a,{href:"https://api.skrym.com",children:"https://api.skrym.com"})}),(0,b.jsx)(t.td,{children:"Tokens"})]})]})]}),` `,(0,b.jsxs)(n,{type:"info",title:"Obtaining access",children:[(0,b.jsx)(t.p,{children:`Skrym is currently only available to select clients and partners. If your organization does not have access but you would like to try out Skrym, you can reach out to us.`}),(0,b.jsx)(t.p,{children:"We have an ambassador program for developers and professionals."})]}),` `,(0,b.jsx)(t.h3,{id:"-user",children:(0,b.jsx)(t.a,{href:"#-user",children:"\u{1F469}\u{1F3FB}\u200D\u{1F4BB} User"})}),` `,(0,b.jsx)(t.p,{children:`Through the initial onboarding with Skrym an organization will be set-up for you. Users are provided with a sign-up link to create an account for our dashboard and tool SCOPE. The account will then be tied to the users organization with the permissions for that user set by the organization.`}),` `,(0,b.jsxs)(t.p,{children:["There are two levels of SCOPE access ",(0,b.jsx)(t.strong,{children:"Admin"})," and ",(0,b.jsx)(t.strong,{children:"Standard"}),`. SCOPE Admins can send invites to their organization.`]}),` `,(0,b.jsx)(t.h3,{id:"-system",children:(0,b.jsx)(t.a,{href:"#-system",children:"\u{1F916} System"})}),` `,(0,b.jsxs)(t.p,{children:["Skrym uses ",(0,b.jsx)(t.a,{href:"https://swagger.io/docs/specification/authentication/bearer-authentication/",children:"Bearer Authentication"})," for authenticating API-requests. This requires the user to provide a token with each request to the system."]}),` `,(0,b.jsx)(t.p,{children:"During the onboarding process Skrym will provide the necessary information to obtain a token."}),` `,(0,b.jsx)(n,{type:"warning",children:(0,b.jsx)(t.p,{children:`Keep your credentials secret! If your user or system credentials have been compromised please contact Skrym.`})}),` `,(0,b.jsx)(t.h3,{id:"using-different-products",children:(0,b.jsx)(t.a,{href:"#using-different-products",children:"Using different products"})}),` `,(0,b.jsx)(t.p,{children:"The authentication provided by both systems for users also contain information regarding which products they have available at their disposal."}),` `,(0,b.jsxs)(t.ul,{children:[` `,(0,b.jsx)(t.li,{children:"\u{1F4E6} Optimization"}),` `,(0,b.jsx)(t.li,{children:"\u{1F331} Emission calculation"}),` `,(0,b.jsx)(t.li,{children:"\u{1F69A} Transport Management"}),` `]}),` `,(0,b.jsx)(t.p,{children:"If you find yourself wanting to use one of the APIs that you currently are not authorized to use, please contact your Skrym representative."}),` `,(0,b.jsx)(t.h2,{id:"authenticating-an-api-request",children:(0,b.jsx)(t.a,{href:"#authenticating-an-api-request",children:"Authenticating an API-request"})}),` `,(0,b.jsx)(t.p,{children:"For the request to return a successful result you have to provide the provided token in the request header."}),` `,(0,b.jsx)(t.h3,{id:"setting-the-authorization",children:(0,b.jsx)(t.a,{href:"#setting-the-authorization",children:"Setting the Authorization"})}),` `,(0,b.jsx)(t.p,{children:"Here are some examples of how you can set the authentication token in the header"}),` `,(0,b.jsxs)(ie.Code,{codeConfig:Se,northPanel:{tabs:["curl"],active:"curl",heightRatio:.1875},southPanel:{tabs:["python","go","TypeScript"],active:"python",heightRatio:.8125},files:[{name:"curl",focus:"",code:{lines:[{tokens:[{content:"curl ",props:{style:{color:"var(--ch-3)"}}},{content:"-X ",props:{style:{color:"var(--ch-2)"}}},{content:"POST 'https://api.skrym.com/authentication.PingAuth' ",props:{style:{color:"var(--ch-8)"}}},{content:"-H ",props:{style:{color:"var(--ch-2)"}}},{content:"'Authorization: Bearer <>'",props:{style:{color:"var(--ch-8)"}}}]}],lang:"bash"},annotations:[]},{name:"python",focus:"",code:{lines:[{tokens:[{content:"def ",props:{style:{color:"var(--ch-7)"}}},{content:"Ping",props:{style:{color:"var(--ch-5)"}}},{content:"():",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" URL ",props:{style:{color:"var(--ch-2)"}}},{content:"= ",props:{style:{color:"var(--ch-7)"}}},{content:"'https://api.skrym.com/authentication.PingAuth'",props:{style:{color:"var(--ch-8)"}}}]},{tokens:[{content:" headers ",props:{style:{color:"var(--ch-4)"}}},{content:"=",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}},{content:'"Authorization"',props:{style:{color:"var(--ch-8)"}}},{content:" : ",props:{style:{color:"var(--ch-4)"}}},{content:'"Bearer <>"',props:{style:{color:"var(--ch-8)"}}},{content:"}",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" response ",props:{style:{color:"var(--ch-4)"}}},{content:"=",props:{style:{color:"var(--ch-7)"}}},{content:" requests.post(",props:{style:{color:"var(--ch-4)"}}},{content:"URL",props:{style:{color:"var(--ch-2)"}}},{content:", ",props:{style:{color:"var(--ch-4)"}}},{content:"headers ",props:{style:{color:"var(--ch-3)"}}},{content:"=",props:{style:{color:"var(--ch-7)"}}},{content:" headers)",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" response.status_code ",props:{style:{color:"var(--ch-4)"}}},{content:"== ",props:{style:{color:"var(--ch-7)"}}},{content:"200",props:{style:{color:"var(--ch-2)"}}},{content:":",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" print",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Successfully authenticated request"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" else",props:{style:{color:"var(--ch-7)"}}},{content:":",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" print",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Request failed"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]}],lang:"py"},annotations:[]},{name:"go",focus:"",code:{lines:[{tokens:[{content:"func ",props:{style:{color:"var(--ch-7)"}}},{content:"ping",props:{style:{color:"var(--ch-5)"}}},{content:"(ctx context.Context) {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" url ",props:{style:{color:"var(--ch-4)"}}},{content:":= ",props:{style:{color:"var(--ch-7)"}}},{content:'"https://api.skrym.com/authentication.PingAuth"',props:{style:{color:"var(--ch-8)"}}}]},{tokens:[{content:" req, err ",props:{style:{color:"var(--ch-4)"}}},{content:":=",props:{style:{color:"var(--ch-7)"}}},{content:" http.",props:{style:{color:"var(--ch-4)"}}},{content:"NewRequestWithContext",props:{style:{color:"var(--ch-2)"}}},{content:"(ctx, ",props:{style:{color:"var(--ch-4)"}}},{content:'"POST"',props:{style:{color:"var(--ch-8)"}}},{content:", url, ",props:{style:{color:"var(--ch-4)"}}},{content:"nil",props:{style:{color:"var(--ch-2)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" err ",props:{style:{color:"var(--ch-4)"}}},{content:"!= ",props:{style:{color:"var(--ch-7)"}}},{content:"nil",props:{style:{color:"var(--ch-2)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" fmt.",props:{style:{color:"var(--ch-4)"}}},{content:"Println",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Request creation failed:"',props:{style:{color:"var(--ch-8)"}}},{content:", err)",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" return",props:{style:{color:"var(--ch-7)"}}}]},{tokens:[{content:" }",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" req.Header.",props:{style:{color:"var(--ch-4)"}}},{content:"Set",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Authorization"',props:{style:{color:"var(--ch-8)"}}},{content:", ",props:{style:{color:"var(--ch-4)"}}},{content:'"Bearer <>"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" resp, err ",props:{style:{color:"var(--ch-4)"}}},{content:":=",props:{style:{color:"var(--ch-7)"}}},{content:" http.DefaultClient.",props:{style:{color:"var(--ch-4)"}}},{content:"Do",props:{style:{color:"var(--ch-2)"}}},{content:"(req)",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" err ",props:{style:{color:"var(--ch-4)"}}},{content:"!= ",props:{style:{color:"var(--ch-7)"}}},{content:"nil",props:{style:{color:"var(--ch-2)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" fmt.",props:{style:{color:"var(--ch-4)"}}},{content:"Println",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Request failed:"',props:{style:{color:"var(--ch-8)"}}},{content:", err)",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" return",props:{style:{color:"var(--ch-7)"}}}]},{tokens:[{content:" }",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" defer",props:{style:{color:"var(--ch-7)"}}},{content:" resp.Body.",props:{style:{color:"var(--ch-4)"}}},{content:"Close",props:{style:{color:"var(--ch-2)"}}},{content:"()",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" resp.StatusCode ",props:{style:{color:"var(--ch-4)"}}},{content:"== ",props:{style:{color:"var(--ch-7)"}}},{content:"200",props:{style:{color:"var(--ch-2)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" fmt.",props:{style:{color:"var(--ch-4)"}}},{content:"Println",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Successfully authenticated request"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" } ",props:{style:{color:"var(--ch-4)"}}},{content:"else",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" fmt.",props:{style:{color:"var(--ch-4)"}}},{content:"Println",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Request failed"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" }",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"}",props:{style:{color:"var(--ch-4)"}}}]}],lang:"go"},annotations:[]},{name:"TypeScript",focus:"",code:{lines:[{tokens:[{content:"function ",props:{style:{color:"var(--ch-7)"}}},{content:"ping",props:{style:{color:"var(--ch-5)"}}},{content:"() {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" return ",props:{style:{color:"var(--ch-7)"}}},{content:"fetch",props:{style:{color:"var(--ch-5)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:"'https://api.skrym.com/authentication.PingAuth'",props:{style:{color:"var(--ch-8)"}}},{content:", {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" method: ",props:{style:{color:"var(--ch-4)"}}},{content:"'POST'",props:{style:{color:"var(--ch-8)"}}},{content:",",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" headers: { Authorization: ",props:{style:{color:"var(--ch-4)"}}},{content:"'Bearer <>'",props:{style:{color:"var(--ch-8)"}}},{content:" },",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" })",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" .",props:{style:{color:"var(--ch-4)"}}},{content:"then",props:{style:{color:"var(--ch-5)"}}},{content:"((",props:{style:{color:"var(--ch-4)"}}},{content:"response",props:{style:{color:"var(--ch-3)"}}},{content:") ",props:{style:{color:"var(--ch-4)"}}},{content:"=>",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" (response.status ",props:{style:{color:"var(--ch-4)"}}},{content:"=== ",props:{style:{color:"var(--ch-7)"}}},{content:"200",props:{style:{color:"var(--ch-2)"}}},{content:") {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" console.",props:{style:{color:"var(--ch-4)"}}},{content:"log",props:{style:{color:"var(--ch-5)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:"'Successfully authenticated request'",props:{style:{color:"var(--ch-8)"}}},{content:");",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" } ",props:{style:{color:"var(--ch-4)"}}},{content:"else",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" console.",props:{style:{color:"var(--ch-4)"}}},{content:"log",props:{style:{color:"var(--ch-5)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:"'Request failed'",props:{style:{color:"var(--ch-8)"}}},{content:");",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" }",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" })",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" .",props:{style:{color:"var(--ch-4)"}}},{content:"catch",props:{style:{color:"var(--ch-5)"}}},{content:"((",props:{style:{color:"var(--ch-4)"}}},{content:"error",props:{style:{color:"var(--ch-3)"}}},{content:") ",props:{style:{color:"var(--ch-4)"}}},{content:"=>",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" console.",props:{style:{color:"var(--ch-4)"}}},{content:"log",props:{style:{color:"var(--ch-5)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:"'Request failed'",props:{style:{color:"var(--ch-8)"}}},{content:", error);",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" });",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"}",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"ping",props:{style:{color:"var(--ch-5)"}}},{content:"();",props:{style:{color:"var(--ch-4)"}}}]}],lang:"ts"},annotations:[]}],children:[(0,b.jsx)(ie.Code,{codeConfig:Se,northPanel:{tabs:["curl"],active:"curl",heightRatio:1},files:[{name:"curl",focus:"",code:{lines:[{tokens:[{content:"curl ",props:{style:{color:"var(--ch-3)"}}},{content:"-X ",props:{style:{color:"var(--ch-2)"}}},{content:"POST 'https://api.skrym.com/authentication.PingAuth' ",props:{style:{color:"var(--ch-8)"}}},{content:"-H ",props:{style:{color:"var(--ch-2)"}}},{content:"'Authorization: Bearer <>'",props:{style:{color:"var(--ch-8)"}}}]}],lang:"bash"},annotations:[]}]}),(0,b.jsx)(t.hr,{}),(0,b.jsx)(ie.Code,{codeConfig:Se,northPanel:{tabs:["python"],active:"python",heightRatio:1},files:[{name:"python",focus:"",code:{lines:[{tokens:[{content:"def ",props:{style:{color:"var(--ch-7)"}}},{content:"Ping",props:{style:{color:"var(--ch-5)"}}},{content:"():",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" URL ",props:{style:{color:"var(--ch-2)"}}},{content:"= ",props:{style:{color:"var(--ch-7)"}}},{content:"'https://api.skrym.com/authentication.PingAuth'",props:{style:{color:"var(--ch-8)"}}}]},{tokens:[{content:" headers ",props:{style:{color:"var(--ch-4)"}}},{content:"=",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}},{content:'"Authorization"',props:{style:{color:"var(--ch-8)"}}},{content:" : ",props:{style:{color:"var(--ch-4)"}}},{content:'"Bearer <>"',props:{style:{color:"var(--ch-8)"}}},{content:"}",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" response ",props:{style:{color:"var(--ch-4)"}}},{content:"=",props:{style:{color:"var(--ch-7)"}}},{content:" requests.post(",props:{style:{color:"var(--ch-4)"}}},{content:"URL",props:{style:{color:"var(--ch-2)"}}},{content:", ",props:{style:{color:"var(--ch-4)"}}},{content:"headers ",props:{style:{color:"var(--ch-3)"}}},{content:"=",props:{style:{color:"var(--ch-7)"}}},{content:" headers)",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" response.status_code ",props:{style:{color:"var(--ch-4)"}}},{content:"== ",props:{style:{color:"var(--ch-7)"}}},{content:"200",props:{style:{color:"var(--ch-2)"}}},{content:":",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" print",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Successfully authenticated request"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" else",props:{style:{color:"var(--ch-7)"}}},{content:":",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" print",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Request failed"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]}],lang:"py"},annotations:[]}]}),(0,b.jsx)(ie.Code,{codeConfig:Se,northPanel:{tabs:["go"],active:"go",heightRatio:1},files:[{name:"go",focus:"",code:{lines:[{tokens:[{content:"func ",props:{style:{color:"var(--ch-7)"}}},{content:"ping",props:{style:{color:"var(--ch-5)"}}},{content:"(ctx context.Context) {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" url ",props:{style:{color:"var(--ch-4)"}}},{content:":= ",props:{style:{color:"var(--ch-7)"}}},{content:'"https://api.skrym.com/authentication.PingAuth"',props:{style:{color:"var(--ch-8)"}}}]},{tokens:[{content:" req, err ",props:{style:{color:"var(--ch-4)"}}},{content:":=",props:{style:{color:"var(--ch-7)"}}},{content:" http.",props:{style:{color:"var(--ch-4)"}}},{content:"NewRequestWithContext",props:{style:{color:"var(--ch-2)"}}},{content:"(ctx, ",props:{style:{color:"var(--ch-4)"}}},{content:'"POST"',props:{style:{color:"var(--ch-8)"}}},{content:", url, ",props:{style:{color:"var(--ch-4)"}}},{content:"nil",props:{style:{color:"var(--ch-2)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" err ",props:{style:{color:"var(--ch-4)"}}},{content:"!= ",props:{style:{color:"var(--ch-7)"}}},{content:"nil",props:{style:{color:"var(--ch-2)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" fmt.",props:{style:{color:"var(--ch-4)"}}},{content:"Println",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Request creation failed:"',props:{style:{color:"var(--ch-8)"}}},{content:", err)",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" return",props:{style:{color:"var(--ch-7)"}}}]},{tokens:[{content:" }",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" req.Header.",props:{style:{color:"var(--ch-4)"}}},{content:"Set",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Authorization"',props:{style:{color:"var(--ch-8)"}}},{content:", ",props:{style:{color:"var(--ch-4)"}}},{content:'"Bearer <>"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" resp, err ",props:{style:{color:"var(--ch-4)"}}},{content:":=",props:{style:{color:"var(--ch-7)"}}},{content:" http.DefaultClient.",props:{style:{color:"var(--ch-4)"}}},{content:"Do",props:{style:{color:"var(--ch-2)"}}},{content:"(req)",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" err ",props:{style:{color:"var(--ch-4)"}}},{content:"!= ",props:{style:{color:"var(--ch-7)"}}},{content:"nil",props:{style:{color:"var(--ch-2)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" fmt.",props:{style:{color:"var(--ch-4)"}}},{content:"Println",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Request failed:"',props:{style:{color:"var(--ch-8)"}}},{content:", err)",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" return",props:{style:{color:"var(--ch-7)"}}}]},{tokens:[{content:" }",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" defer",props:{style:{color:"var(--ch-7)"}}},{content:" resp.Body.",props:{style:{color:"var(--ch-4)"}}},{content:"Close",props:{style:{color:"var(--ch-2)"}}},{content:"()",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" resp.StatusCode ",props:{style:{color:"var(--ch-4)"}}},{content:"== ",props:{style:{color:"var(--ch-7)"}}},{content:"200",props:{style:{color:"var(--ch-2)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" fmt.",props:{style:{color:"var(--ch-4)"}}},{content:"Println",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Successfully authenticated request"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" } ",props:{style:{color:"var(--ch-4)"}}},{content:"else",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" fmt.",props:{style:{color:"var(--ch-4)"}}},{content:"Println",props:{style:{color:"var(--ch-2)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:'"Request failed"',props:{style:{color:"var(--ch-8)"}}},{content:")",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" }",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"}",props:{style:{color:"var(--ch-4)"}}}]}],lang:"go"},annotations:[]}]}),(0,b.jsx)(ie.Code,{codeConfig:Se,northPanel:{tabs:["TypeScript"],active:"TypeScript",heightRatio:1},files:[{name:"TypeScript",focus:"",code:{lines:[{tokens:[{content:"function ",props:{style:{color:"var(--ch-7)"}}},{content:"ping",props:{style:{color:"var(--ch-5)"}}},{content:"() {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" return ",props:{style:{color:"var(--ch-7)"}}},{content:"fetch",props:{style:{color:"var(--ch-5)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:"'https://api.skrym.com/authentication.PingAuth'",props:{style:{color:"var(--ch-8)"}}},{content:", {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" method: ",props:{style:{color:"var(--ch-4)"}}},{content:"'POST'",props:{style:{color:"var(--ch-8)"}}},{content:",",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" headers: { Authorization: ",props:{style:{color:"var(--ch-4)"}}},{content:"'Bearer <>'",props:{style:{color:"var(--ch-8)"}}},{content:" },",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" })",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" .",props:{style:{color:"var(--ch-4)"}}},{content:"then",props:{style:{color:"var(--ch-5)"}}},{content:"((",props:{style:{color:"var(--ch-4)"}}},{content:"response",props:{style:{color:"var(--ch-3)"}}},{content:") ",props:{style:{color:"var(--ch-4)"}}},{content:"=>",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" if",props:{style:{color:"var(--ch-7)"}}},{content:" (response.status ",props:{style:{color:"var(--ch-4)"}}},{content:"=== ",props:{style:{color:"var(--ch-7)"}}},{content:"200",props:{style:{color:"var(--ch-2)"}}},{content:") {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" console.",props:{style:{color:"var(--ch-4)"}}},{content:"log",props:{style:{color:"var(--ch-5)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:"'Successfully authenticated request'",props:{style:{color:"var(--ch-8)"}}},{content:");",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" } ",props:{style:{color:"var(--ch-4)"}}},{content:"else",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" console.",props:{style:{color:"var(--ch-4)"}}},{content:"log",props:{style:{color:"var(--ch-5)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:"'Request failed'",props:{style:{color:"var(--ch-8)"}}},{content:");",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" }",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" })",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" .",props:{style:{color:"var(--ch-4)"}}},{content:"catch",props:{style:{color:"var(--ch-5)"}}},{content:"((",props:{style:{color:"var(--ch-4)"}}},{content:"error",props:{style:{color:"var(--ch-3)"}}},{content:") ",props:{style:{color:"var(--ch-4)"}}},{content:"=>",props:{style:{color:"var(--ch-7)"}}},{content:" {",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" console.",props:{style:{color:"var(--ch-4)"}}},{content:"log",props:{style:{color:"var(--ch-5)"}}},{content:"(",props:{style:{color:"var(--ch-4)"}}},{content:"'Request failed'",props:{style:{color:"var(--ch-8)"}}},{content:", error);",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:" });",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"}",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"",props:{style:{color:"var(--ch-4)"}}}]},{tokens:[{content:"ping",props:{style:{color:"var(--ch-5)"}}},{content:"();",props:{style:{color:"var(--ch-4)"}}}]}],lang:"ts"},annotations:[]}]})]})]})}function Zc(e={}){let{wrapper:t}=e.components||{};return t?(0,b.jsx)(t,Object.assign({},e,{children:(0,b.jsx)(So,e)})):So(e)}var Vc=Zc;function Ht(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return Qr(el);})(); ;return Component;