https://giants-ruddy.vercel.app/assets/c8e7ea1a.js

1import{R as t,r as a,C as f,a as o,j as u}from"./index.c2a0a438.js";import{Performance as v}from"./e607e42b.js";import{Settings as w}from"./f3aa1b0d.js";const E=()=>t.createElement("svg",{style:{height:"2.75em",width:"2.75em",padding:"1em"},viewBox:"0 0 460.775 460.775",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fill:"black",d:`M285.08,230.397L456.218,59.27c6.076-6.077,6.076-15.911,0-21.986L423.511,4.565c-2.913-2.911-6.866-4.55-10.992-4.55
2	c-4.127,0-8.08,1.639-10.993,4.55l-171.138,171.14L59.25,4.565c-2.913-2.911-6.866-4.55-10.993-4.55
3	c-4.126,0-8.08,1.639-10.992,4.55L4.558,37.284c-6.077,6.075-6.077,15.909,0,21.986l171.138,171.128L4.575,401.505
4	c-6.074,6.077-6.074,15.911,0,21.986l32.709,32.719c2.911,2.911,6.865,4.55,10.992,4.55c4.127,0,8.08-1.639,10.994-4.55
5	l171.117-171.12l171.118,171.12c2.913,2.911,6.866,4.55,10.993,4.55c4.128,0,8.081-1.639,10.992-4.55l32.709-32.719
6	c6.074-6.075,6.074-15.909,0-21.986L285.08,230.397z`})),k=()=>t.createElement("svg",{style:{height:"2.5em",width:"2.5em"},width:"131",height:"130",viewBox:"0 0 131 130",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M64.9548 106.281L27.1377 86.1894L40.0714 79.3723L54.6329 87.1049L66.851 80.6638L52.2895 72.9313L65.2231 66.0979L103.04 86.1894L90.1065 93.0064L76.35 85.6989L64.114 92.1563L77.8884 99.4638L64.9548 106.281Z",fill:"black"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M65.2247 25L105.178 46.2267L90.105 54.1716L76.3488 46.8642L66.2525 52.1924L80.028 59.5005L64.9532 67.446L25 46.2196L40.0734 38.2748L54.6349 46.0073L64.713 40.6944L50.1533 32.9628L65.2247 25ZM54.4262 32.9673L68.9896 40.7008L54.6315 48.27L40.0699 40.5374L29.276 46.2267L64.9569 65.1833L75.7495 59.4947L61.9761 52.1878L76.3518 44.6012L90.1087 51.9088L100.902 46.2196L65.2221 27.2634L54.4262 32.9673Z",fill:"black"}));function C({children:l,onClose:i,onOpen:s,...n}){const c=n.open;return t.createElement("div",{id:"hydrogen-dev-tools","aria-hidden":!0,style:{position:"fixed",zIndex:100,display:"flex",flexDirection:"column",right:0,bottom:0,padding:"1.5em",maxWidth:"100%",flexWrap:"wrap"}},t.createElement("button",{type:"button",style:{position:"relative",background:"white",border:"1px solid",padding:"0em 0.5em 0.25em 1.25em",boxShadow:"10px 10px 0px black",display:"flex",alignItems:"center",color:"black"},onClick:s},t.createElement("div",{style:{textAlign:"left",flex:1}},t.createElement("span",{style:{fontFamily:"monospace",fontWeight:"bold",paddingRight:"0.5em"}},"Dev tools"))," ",c?t.createElement(E,null):t.createElement(k,null)),t.createElement("div",{style:{display:c?"block":"none",position:"relative",top:"-1px",overflow:"scroll",color:"black",background:"white",border:"1px solid",boxShadow:"10px 10px 0px black",maxWidth:"50em",width:"100vw",height:"50vh"}},l))}const L=l=>l.component!==void 0;function S({settings:l}){const[i,s]=a.exports.useState(0),[n,c]=a.exports.useState([]);a.exports.useEffect(()=>{f.subscribe(f.eventNames.PERFORMANCE,({response_start:e,navigation_start:r,first_contentful_paint:h,largest_contentful_paint:p,response_end:g,page_load_type:x,url:b,transfer_size:y})=>{c([...n,{ttfb:e-r,fcp:h,lcp:p,duration:g-r,type:`${x} load`,size:y,url:b}])})},[c,n]);const d=P({settings:l,performance:{navigations:n}}),m=d.map((e,r)=>L(e)?o("div",{style:{display:i===r?"block":"none"},children:e.component},e.content):null);return u("div",{style:{display:"flex",height:"100%"},children:[o("div",{style:{borderRight:"1px solid",padding:"1em 0em"},children:d.map((e,r)=>{const p={padding:"0em 1.25em",fontWeight:"bold",textDecoration:i===r?"underline":"none",display:"flex",justifyContent:"space-between",alignItems:"center"};return L(e)?o("button",{type:"button",style:p,onClick:()=>s(r),children:o("span",{children:e.content})},e.id):u("a",{style:p,target:"_blank",rel:"noreferrer",href:e.url,children:[e.content,o("span",{children:"\u2197"})]},e.url)})}),o("div",{style:{padding:"1em",width:"100%"},children:m[i||0]})]})}function P({settings:l,performance:i}){const s={settings:{content:"Settings",component:o(w,{...l})},performance:{content:"Performance",component:o(v,{...i})},graphiql:{content:"GraphiQL",url:"/___graphql"}};return Object.keys(s).map(n=>({...s[n],id:n}))}function O({dataFromServer:l}){const[i,s]=a.exports.useState(!1),n=a.exports.useCallback(()=>{s(m=>!m)},[]),[c,d]=a.exports.useState(!1);return a.exports.useEffect(()=>{d(!0)},[]),c?o(C,{open:i,onClose:n,onOpen:n,children:o(S,{...l})}):null}export{O as DevTools};
7//# sourceMappingURL=c8e7ea1a.js.map