2016-05-02-rest-api-graphql-wrapper-a1152adae8eb9348.js

js graphql.org collected 2026-09-24 06:59:12 UTC 189,710 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[709],{28335:function(i,s,h){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/2016-05-02-rest-api-graphql-wrapper",function(){return h(32192)}])},32192:function(i,s,h){"use strict";h.r(s),h.d(s,{default:function(){return F},useTOC:function(){return E}});var e=h(52676),l=h(92937),n=h(45043),r=h(79428),a={src:"/_next/static/media/rest-api-people.c2b56e20.png",height:800,width:1280,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAADFBMVEXl5eX5+fnx8fHf3tzKqknkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIElEQVR4nGNgZmBgYmBgYGZgYmAEAwYmZgYmCANCI0QABCMAMDSQib4AAAAASUVORK5CYII=",blurWidth:8,blurHeight:5},k={src:"/_next/static/media/pathological-query.2de43465.png",height:796,width:1280,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAD1BMVEUFKzUTNT5NZmsbPUZCXmXky06IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHUlEQVR4nGNgAgEWFhYGRhBgYGBgYGZmZgYzMAAABXoAKf1UgHQAAAAASUVORK5CYII=",blurWidth:8,blurHeight:5},t={src:"/_next/static/media/dataloader-query.9c90539e.png",height:780,width:1280,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAADFBMVEUDKjRNZmtDX2ZAXGNoWWJ5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEUlEQVR4nGNgBAFmJiYGIgAAAgoADSbBHcEAAAAASUVORK5CYII=",blurWidth:8,blurHeight:5},d=h(67290),c=h(41751);function E(i){return[{value:"A client-side REST wrapper",id:"a-client-side-rest-wrapper",depth:2},{value:"Installation",id:"installation",depth:3},{value:"Building the GraphQL Schema",id:"building-the-graphql-schema",depth:3},{value:"Using a client-side schema with Relay",id:"using-a-client-side-schema-with-relay",depth:3},{value:"A server-side REST wrapper",id:"a-server-side-rest-wrapper",depth:2},{value:"Bonus round: A truly Relay compliant schema",id:"bonus-round-a-truly-relay-compl

1iant-schema",depth:2},{value:"Global ids",id:"global-ids",depth:4},{value:"The node field",id:"the-node-field",depth:4},{value:"Taming pathological queries",id:"taming-pathological-queries",depth:2},{value:"Creating a data loader",id:"creating-a-data-loader",depth:4},{value:"Loading data",id:"loading-data",depth:4},{value:"Query planning and beyond",id:"query-planning-and-beyond",depth:3},{value:"Thanks for reading",id:"thanks-for-reading",depth:2}]}function p(i,s){throw Error("Expected "+(s?"component":"object")+" `"+i+"` to be defined: you likely forgot to import, pass, or provide it.")}var F=(0,l.c)(function(i){let{toc:s=E(i)}=i,h={a:"a",code:"code",em:"em",h2:"h2",h3:"h3",h4:"h4",img:"img",li:"li",p:"p",pre:"pre",span:"span",ul:"ul",...(0,r.a)(),...i.components};return d.m||p("$Tabs",!1),d.m.Tab||p("$Tabs.Tab",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(h.p,{children:"Time and time again I hear the same aspiration from front-end web and mobile developers: theyâre eager to reap the developer efficiency gains offered by new technologies like Relay and GraphQL, but they have years of momentum behind their existing REST API. Without data that clearly demonstrates the benefits of switching, they find it hard to justify an additional investment in GraphQL infrastructure."}),"\n",(0,e.jsx)(h.p,{children:"In this post I will outline a rapid, low-investment method that you can use to stand up a GraphQL endpoint atop an existing REST API, using JavaScript alone. No backend developers will be harmed during the making of this blog post."}),"\n",(0,e.jsx)(h.h2,{id:s[0].id,children:s[0].value}),"\n",(0,e.jsxs)(h.p,{children:["Weâre going to create a ",(0,e.jsx)(h.em,{children:"GraphQL schema"})," â a type system that describes your universe of data â that wraps calls to your existing REST API. This schema will receive and resolve GraphQL queries all on the client side. This architecture features some inherent performance flaws, but is fast to implement and requires no server changes."]}),"\n",(0,e.jsxs)(h.p,{children:["Imagine a REST API that exposes a ",(0,e.jsx)(h.code,{children:"/people/"})," endpoint through which you can browse ",(0,e.jsx)(h.code,{children:"Person"})," models and their associated friends."]}),"\n",(0,e.jsx)(h.p,{children:(0,e.jsx)(h.img,{alt:"A REST API that exposes an index of people",placeholder:"blur",src:a})}),"\n",(0,e.jsxs)(h.p,{children:["We will build a GraphQL schema that models people and their attributes (like ",(0,e.jsx)(h.code,{children:"first_name"})," and ",(0,e.jsx)(h.code,{children:"email"}),") as well as their association to other people through friendships."]}),"\n",(0,e.jsx)(h.h3,{id:s[1].id,children:s[1].value}),"\n",(0,e.jsx)(h.p,{children:"First weâll need a set of schema building tools."}),"\n",(0,e.jsxs)(d.m,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"npm"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" i"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" graphql"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"pnpm"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" graphql"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"yarn"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" graphql"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"bun"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" graphql"})]})})})})]}),"\n",(0,e.jsx)(h.h3,{id:s[2].id,children:s[2].value}),"\n",(0,e.jsxs)(h.p,{children:["Ultimately we will want to export a ",(0,e.jsx)(h.code,{children:"GraphQLSchema"})," that we can use to resolve queries."]}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"export"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" default"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  query"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" QueryType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]})]})}),"\n",(0,e.jsxs)(h.p,{children:["At the root of all GraphQL schemas is a type called ",(0,e.jsx)(h.code,{children:"query"})," whose definition we provide, and have specified here as ",(0,e.jsx)(h.code,{children:"QueryType"}),". Letâs build ",(0,e.jsx)(h.code,{children:"QueryType"})," now â a type on which we will define all the possible things one might want to fetch."]}),"\n",(0,e.jsxs)(h.p,{children:["To replicate all of the functionality of our REST API, letâs expose two fields on ",(0,e.jsx)(h.code,{children:"QueryType"}),":"]}),"\n",(0,e.jsxs)(h.ul,{children:["\n",(0,e.jsxs)(h.li,{children:["an ",(0,e.jsx)(h.code,{children:"allPeople"})," field â analogous to ",(0,e.jsx)(h.code,{children:"/people/"})]}),"\n",(0,e.jsxs)(h.li,{children:["a ",(0,e.jsx)(h.code,{children:"person(id: String)"})," field â analogous to ",(0,e.jsx)(h.code,{children:"/people/{ID}/"})]}),"\n"]}),"\n",(0,e.jsx)(h.p,{children:"Each field will consist of a return type, optional argument definitions, and a JavaScript method that resolves the data being queried for."}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" QueryType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Query"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  description"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"The root of all... queries"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"  fields"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    allPeople"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" root"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:" // Fetch the index of people from the REST API,"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"        id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" },"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{sty

1le:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"root"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:" // Fetch the person with ID `args.id`,"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]})]})}),"\n",(0,e.jsxs)(h.p,{children:["Letâs leave the resolvers as a sketch for now, and move on to defining ",(0,e.jsx)(h.code,{children:"PersonType"}),"."]}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  description"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Somebody that you used to know"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"  fields"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    firstName"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"first_name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    lastName"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"last_name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    email"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"},"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"},"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    username"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"},"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:" // Fetch the friends with the URLs `person.friends`,"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]})]})}),"\n",(0,e.jsxs)(h.p,{children:["Note two things about the definition of ",(0,e.jsx)(h.code,{children:"PersonType"}),". Firstly, we have not supplied a resolver for ",(0,e.jsx)(h.code,{children:"email"}),", ",(0,e.jsx)(h.code,{children:"id"}),", or ",(0,e.jsx)(h.code,{children:"username"}),". The default resolver simply accesses the property of the ",(0,e.jsx)(h.code,{children:"person"})," object that has the same name as the field. This works everywhere except where the property names do not match the field name (eg. the field ",(0,e.jsx)(h.code,{children:"firstName"})," does not match the ",(0,e.jsx)(h.code,{children:"first_name"})," property of the response object from the REST API) or where accessing the property w

1ould not yield the object that we want (eg. we want a list of person objects for the ",(0,e.jsx)(h.code,{children:"friends"})," field, not a list of URLs)."]}),"\n",(0,e.jsxs)(h.p,{children:["Now, letâs write resolvers that fetch people from the REST API. Because we need to load from the network, we wonât be able to return a value right away. Luckily for us, ",(0,e.jsx)(h.code,{children:"resolve()"})," can return either a value or a ",(0,e.jsx)(h.code,{children:"Promise"})," for a value. Weâre going to take advantage of this to fire off an HTTP request to the REST API that eventually resolves to a JavaScript object that conforms to ",(0,e.jsx)(h.code,{children:"PersonType"}),"."]}),"\n",(0,e.jsx)(h.p,{children:"And here we have it\xa0â a complete first-pass at the schema:"}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" BASE_URL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"https://myapp.com/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"function"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchResponseByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"  return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetch"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:"BASE_URL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#363A2C","--shiki-dark":"#E1E4E8"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"then"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"res"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" res"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"}

1,children:"())"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"function"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPeople"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"  return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchResponseByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/people/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"then"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"people"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"function"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"  return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchResponseByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"then"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:"  /* ... */"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"  fields"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:"    /* ... */"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"map"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" QueryType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:"  /* ... */"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"  fields"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    allPeople"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" fetchPeople"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"        id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" },"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      },"})}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"root"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/people/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"args"}

1),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#363A2C","--shiki-dark":"#E1E4E8"},children:"id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"export"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" default"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  query"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" QueryType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]})]})}),"\n",(0,e.jsx)(h.h3,{id:s[3].id,children:s[3].value}),"\n",(0,e.jsxs)(h.p,{children:["Normally, Relay will send its GraphQL queries to a

1server over HTTP. We can inject ",(0,e.jsx)(h.a,{href:"https://github.com/taion/",children:"@taion"}),"âs custom ",(0,e.jsx)(h.code,{children:"relay-local-schema"})," network layer to resolve queries using the schema we just built. Put this code wherever itâs guaranteed to be executed before you mount your Relay app."]}),"\n",(0,e.jsxs)(d.m,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"npm"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" i"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" relay-local-schema"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"pnpm"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" relay-local-schema"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"yarn"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" relay-local-schema"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"bun"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" relay-local-schema"})]})})})})]}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" RelayLocalSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"relay-local-schema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" schema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"./schema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"Relay"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"injectNetworkLayer"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"  new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" RelayLocalSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"NetworkLayer"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" schema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]})]})}),"\n",(0,e.jsx)(h.p,{children:"And thatâs that. Relay will send all of its queries to your custom client-resident schema, which will in turn resolve them by making calls to your existing REST API."}),"\n",(0,e.jsx)(h.h2,{id:s[4].id,children:s[4].value}),"\n",(0,e.jsx)(h.p,{children:"The client-side REST API wrapper demonstrated above should help you get up and running quickly so that you can try out a Relay version of your app (or part of your app)."}),"\n",(0,e.jsx)(h.p,{children:"However, as we mentioned before, this architecture features some inherent performance flaws because of how GraphQL is still calling your underlying REST API which can be very network intensive. A good next step is to move the schema from the client side to the server side to minimize latency on the network and to give you more power to cache responses."}

1),"\n",(0,e.jsx)(h.p,{children:"Take the next 10 minutes to watch me build a server side version of the GraphQL wrapper above using Node and Express."}),"\n",(0,e.jsx)("iframe",{className:"aspect-video w-full",src:"https://youtube.com/embed/UBGzsb2UkeY?autoplay=0&origin=http://graphql.org&start=900"}),"\n",(0,e.jsx)(h.h2,{id:s[5].id,children:s[5].value}),"\n",(0,e.jsxs)(h.p,{children:["The schema we developed above will work for Relay up until a certain point â the point at which you ask Relay to refetch data for records youâve already downloaded. Relayâs refetching subsystem relies on your GraphQL schema exposing a special field that can fetch any entity in your data universe by GUID. We call this the ",(0,e.jsx)(h.em,{children:"node interface"}),"."]}),"\n",(0,e.jsxs)(h.p,{children:["To expose a node interface requires that you do two things: offer a ",(0,e.jsx)(h.code,{children:"node(id: String!)"})," field at the root of the query, and switch all of your ids over to GUIDs (globally-unique ids)."]}),"\n",(0,e.jsxs)(h.p,{children:["The ",(0,e.jsx)(h.code,{children:"graphql-relay"})," package contains some helper functions to make this easy to do."]}),"\n",(0,e.jsxs)(d.m,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"npm"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" i"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" graphql-relay"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"pnpm"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" graphql-relay"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"yarn"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" graphql-relay"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"bun"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" graphql-relay"})]})})})})]}),"\n",(0,e.jsx)(h.h4,{id:s[6].id,children:s[6].value}),"\n",(0,e.jsxs)(h.p,{children:["First, letâs change the ",(0,e.jsx)(h.code,{children:"id"})," field of ",(0,e.jsx)(h.code,{children:"PersonType"})," into a GUID. To do this, weâll use the ",(0,e.jsx)(h.code,{children:"globalIdField"})," helper from ",(0,e.jsx)(h.code,{children:"graphql-relay"}),"."]}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" globalIdField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql-relay"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  description"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Somebody that you used to know"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"  fields"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" globalIdField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:"    /* ... */"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]})]})}),"\n",(0,e.jsxs)(h.p,{children:["Behind the scenes ",(0,e.jsx)(h.code,{children:"globalIdField"})," returns a field definition that resolves ",(0,e.jsx)(h.code,{children:"id"})," to a ",(0,e.jsx)(h.code,{children:"GraphQLString"})," by hashing together the typename ",(0,e.jsx)(h.code,{children:"'Person'"})," and the id returned by the REST API. We can later use ",(0,e.jsx)(h.code,{children:"fromGlobalId"})," to convert the result of this field back into ",(0,e.jsx)(h.code,{children:"'Person'"})," and the REST APIâs id."]}),"\n",(0,e.jsx)(h.h4,{id:s[7].id,children:s[7].value}),"\n",(0,e.jsxs)(h.p,{children:["Another set of helpers from ",(0,e.jsx)(h.code,{children:"graphql-relay"})," will give us a hand developing the node field. Your job is to supply the helper two functions:"]}),"\n",(0,e.jsxs)(h.ul,{children:["\n",(0,e.jsx)(h.li,{children:"One function that can resolve an object given a GUID."}),"\n",(0,e.jsx)(h.li,{children:"One function that can resolve a typename given an object."}),"\n"]}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" fromGlobalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" nodeDefinitions"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql-relay"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" nodeInterface"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" nodeField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" nodeDefinitions"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"  globalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"    const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fromGlobalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"globalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"    if"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ==="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:") "}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"      return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/people/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#363A2C","--shiki-dark":"#E1E4E8"},children:"id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"  object"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"    if"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"object"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"hasOwnProperty"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark"

1:"#9ECBFF"},children:"username"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")) "}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"      return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})})]})}),"\n",(0,e.jsx)(h.p,{children:"The object-to-typename resolver above is no marvel of engineering, but you get the idea."}),"\n",(0,e.jsxs)(h.p,{children:["Next, we simply need to add the ",(0,e.jsx)(h.code,{children:"nodeInterface"})," and the ",(0,e.jsx)(h.code,{children:"nodeField"})," to our schema. A complete example follows:"]}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  fromGlobalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  globalIdField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  nodeDefinitions"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql-relay"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" BASE_URL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"https://myapp.com/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"function"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchResponseByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"  return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetch"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:"BASE_URL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#363A2C","--shiki-dark":"#E1E4E8"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"then"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"res"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" res"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"}

1,children:"())"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"function"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPeople"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"  return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchResponseByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/people/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"then"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"people"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"function"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"  return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchResponseByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"then"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" nodeInterface"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" nodeField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" nodeDefinitions"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"  globalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"    const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fromGlobalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"globalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"    if"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ==="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:") "}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"      return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/people/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#363A2C","--shiki-dark":"#E1E4E8"},children:"id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{"data-highlighted-line":"",children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsx)(h.span,{"data-highlighted-line":"",children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  },"})}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"  object"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"    if"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"object"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"hasOwnProperty"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"username"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")) "}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"      return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{"data-highlighted-line":"",children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsx)(h.span,{"data-highlighted-line":"",children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  },"})}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  description"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Somebody that you used to know"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"  fields"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    firstName"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"first_name"}),(0,

1e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    lastName"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"last_name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    email"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"},"})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" globalIdField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    username"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"},"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"map"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  interfaces"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" [ "}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"nodeInterface"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ]"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" QueryType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Query"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  description"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"The root of all... queries"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"  fields"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    allPeople"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" fetchPeople"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    node"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" nodeField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"        id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" },"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"root"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/people/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#363A2C","--shiki-dark":"#E1E4E8"},children:"id"}),(0,e.jsx)(h.span,{style:{"--shiki-li

1ght":"#E10198","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"export"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" default"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  query"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" QueryType"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]})]})}),"\n",(0,e.jsx)(h.h2,{id:s[8].id,children:s[8].value}),"\n",(0,e.jsx)(h.p,{children:"Consider the following friends-of-friends-of-friends query:"}),"\n",(0,e.jsx)(h.pre,{icon:c.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"query"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"1"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:") {"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    firstName"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      firstName"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        firstName"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"          firstName"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"        }"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      }"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})}),"\n",(0,e.jsx)(h.p,{children:"The schema we created above will generate multiple round trips to the REST API for the same data."}),"\n",(0,e.jsx)(h.p,{children:(0,e.jsx)(h.img,{alt:"Duplicate queries to the REST API",placeholder:"blur",src:k})}),"\n",(0,e.jsx)(h.p,{children:"This is obviously something we would like to avoid! At the very least, we need a way to cache the result of these requests."}),"\n",(0,e.jsx)(h.p,{children:"We created a library called DataLoader to help tame these sorts of queries."}),"\n",(0,e.jsxs)(d.m,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"npm"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" i"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" dataloader"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"pnpm"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" dataloader"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"yarn"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" dataloader"})]})})})}),(0,e.jsx)(d.m.Tab,{children:(0,e.jsx)(h.pre,{icon:c.Fx,tabIndex:"0","data-language":"sh","data-word-wrap":"",children:(0,e.jsx)(h.code,{children:(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"bun"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" add"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:" dataloader"})]})})})})]}),"\n",(0,e.jsxs)(h.p,{children:["As a special note, make sure that your runtime offers native or polyfilled versions of ",(0,e.jsx)(h.code,{children:"Promise"})," and ",(0,e.jsx)(h.code,{children:"Map"}),". Read more ",(0,e.jsx)(h.a,{href:"https://github.com/facebook/dataloader#getting-started",children:"at the DataLoader site"}),"."]}),"\n",(0,e.jsx)(h.h4,{id:s[9].id,children:s[9].value}),"\n",(0,e.jsxs)(h.p,{children:["To create a ",(0,e.jsx)(h.code,{children:"DataLoader"})," you supply a method that can resolve a list of objects given a list of keys. In our example, the keys are URLs at which we access our REST API."]}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" personLoader"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" DataLoader"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"urls"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:"  Promise"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"all"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"urls"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"map"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"))"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})})]})}),"\n",(0,e.jsx)(h.p,{children:"If this data loader sees a key more than once in its lifetime, it will return a memoized (cached) version of the response."}),"\n",(0,e.jsx)(h.h4,{id:s[10].id,children:s[10].value}),"\n",(0,e.jsxs)(h.p,{children:["We can make use of the ",(0,e.jsx)(h.code,{children:"load()"})," and ",(0,e.jsx)(h.code,{children:"loadMany()"})," methods on ",(0,e.jsx)(h.code,{children:"personLoader"})," to load URLs without fear of hitting the REST API more than once per URL. A complete example follows:"]}),"\n",(0,e.jsx)(h.pre,{icon:c.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"",children:(0,e.jsxs)(h.code,{children:[(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" DataLoader"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"dataloader"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"import"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  fromGlobalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  globalIdField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"  nodeDefinitions"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" from"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"graphql-relay"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" BASE_URL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"https://myapp.com/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F9758

13"},children:"function"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchResponseByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"  return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetch"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:"BASE_URL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#363A2C","--shiki-dark":"#E1E4E8"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"then"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"res"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" res"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"())"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"function"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPeople"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"  return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchResponseByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/people/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"then"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"people"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"function"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"  return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fetchResponseByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"relativeURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"then"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" json"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" personLoader"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" DataLoader"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"  urls"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Promise"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"all"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"urls"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"map"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"fetchPersonByURL"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"))"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" nodeInterface"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" nodeField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" nodeDefinitions"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"  globalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"    const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" fromGlobalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"globalId"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"    if"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ==="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:") "}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"      return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" personLoader"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"load"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/people/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#363A2C","--shiki-dark":"#E1E4E8"},children:"id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"  object"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"    if"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"object"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"hasOwnProperty"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"username"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")) "}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"      return"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki

1-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  description"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Somebody that you used to know"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"  fields"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    firstName"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"first_name"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    lastName"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"last_name"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    email"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"},"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" globalIdField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    username"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"},"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" personLoader"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"loadMany"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"friends"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  interfaces"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ["}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"nodeInterface"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"]"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:"const"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#79B8FF"},children:" QueryType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ="}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLObjectType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  name"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Query"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  description"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:" '"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"The root of all... queries"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"'"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"  fields"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ()"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    allPeople"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLList"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:"PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" fetchPeople"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CF

1D3C5"},children:"    node"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" nodeField"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"    person"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" PersonType"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"      args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"        id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" type"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" GraphQLString"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      },"})}),"\n",(0,e.jsxs)(h.span,{"data-highlighted-line":"",children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"      resolve"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:"root"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#DBF6A2"},children:" args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#F97583"},children:" =>"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:" personLoader"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"load"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/people/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"${"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#E1E4E8"},children:"args"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"."}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#363A2C","--shiki-dark":"#E1E4E8"},children:"id"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"/"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:"`"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]}),"\n",(0,e.jsx)(h.span,{children:(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]}),"\n",(0,e.jsx)(h.span,{children:" "}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:"export"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" default"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" new"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GraphQLSchema"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"  query"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#E1E4E8"},children:" QueryType"})]}),"\n",(0,e.jsxs)(h.span,{children:[(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,e.jsx)(h.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:";"})]})]})}),"\n",(0,e.jsx)(h.p,{children:"Now, our pathological query produces the following nicely de-duped set of requests to the REST API:"}),"\n",(0,e.jsx)(h.p,{children:(0,e.jsx)(h.img,{alt:"De-duped queries to the REST API",placeholder:"blur",src:t})}),"\n",(0,e.jsx)(h.h3,{id:s[11].id,children:s[11].value}),"\n",(0,e.jsxs)(h.p,{children:["Consider that your REST API might already offer configuration offers that let you eagerly load associations. Maybe to load a person and all of their direct friends you might hit the URL ",(0,e.jsx)(h.code,{children:"/people/1/?include_friends"}),". To take advantage of this in your GraphQL schema you will need the ability to develop a resolution plan based on the structure of the query itself (eg. whether the ",(0,e.jsx)(h.code,{children:"friends"})," field is part of the query or not)."]}),"\n",(0,e.jsxs)(h.p,{children:["For those interested in the current thinking around advanced resolution strategies, keep an eye on ",(0,e.jsx)(h.a,{href:"https://github.com/graphql/graphql-js/pull/304",children:"pull request #304"}),"."]}),"\n",(0,e.jsx)(h.h2,{id:s[12].id,children:s[12].value}),"\n",(0,e.jsx)(h.p,{children:"I hope that this demonstration has torn down some of the barriers between you and a functional GraphQL endpoint, and has inspired you to experiment with GraphQL and Relay on an existing project."})]})},"/blog/2016-05-02-rest-api-graphql-wrapper",{filePath:"src/pages/blog/2016-05-02-rest-api-graphql-wrapper.mdx",timestamp:1789481543e3,pageMap:n.v,frontMatter:{title:"Wrapping a REST API in GraphQL",tags:["blog"],date:"2016-05-05",byline:"Steven Luscher"},title:"Wrapping a REST API in GraphQL"},"undefined"==typeof RemoteContent?E:RemoteContent.useTOC)},67290:function(i,s,h){"use strict";let e,l,n;h.d(s,{m:function(){return z}});var r=h(52676),a=h(70517),k=h(14660),t=h(75271),d=h(58341),c=h(1638),E=h(79328),p=h(

175264),F=h(5048),x=h(60014),j=h(27620),g=h(37639);function y({onFocus:i}){let s;let[h,e]=(0,t.useState)(!0),l=(s=(0,t.useRef)(!1),(0,E.e)(()=>(s.current=!0,()=>{s.current=!1}),[]),s);return h?t.createElement(g._,{as:"button",type:"button",features:g.x.Focusable,onFocus:s=>{s.preventDefault();let h,n=50;h=requestAnimationFrame(function s(){if(n--<=0){h&&cancelAnimationFrame(h);return}if(i()){if(cancelAnimationFrame(h),!l.current)return;e(!1);return}h=requestAnimationFrame(s)})}}):null}var o=h(67729),C=h(8064),u=h(45646),B=h(37569),D=h(54122);let f=t.createContext(null);function A({children:i}){let s=t.useRef({groups:new Map,get(i,s){var h;let e=this.groups.get(i);e||(e=new Map,this.groups.set(i,e));let l=null!=(h=e.get(s))?h:0;return e.set(s,l+1),[Array.from(e.keys()).indexOf(s),function(){let i=e.get(s);i>1?e.set(s,i-1):e.delete(s)}]}});return t.createElement(f.Provider,{value:s},i)}function m(i){let s=t.useContext(f);if(!s)throw Error("You must wrap your component in a <StableCollection>");let h=t.useId(),[e,l]=s.current.get(i,h);return t.useEffect(()=>l,[]),e}var b=h(68711),w=((e=w||{})[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e),v=((l=v||{})[l.Less=-1]="Less",l[l.Equal=0]="Equal",l[l.Greater=1]="Greater",l),T=((n=T||{})[n.SetSelectedIndex=0]="SetSelectedIndex",n[n.RegisterTab=1]="RegisterTab",n[n.UnregisterTab=2]="UnregisterTab",n[n.RegisterPanel=3]="RegisterPanel",n[n.UnregisterPanel=4]="UnregisterPanel",n);let L={0(i,s){var h;let e=(0,o.z2)(i.tabs,i=>i.current),l=(0,o.z2)(i.panels,i=>i.current),n=e.filter(i=>{var s;return!(null!=(s=i.current)&&s.hasAttribute("disabled"))}),r={...i,tabs:e,panels:l};if(s.index<0||s.index>e.length-1){let h=(0,C.E)(Math.sign(s.index-i.selectedIndex),{[-1]:()=>1,0:()=>(0,C.E)(Math.sign(s.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});if(0===n.length)return r;let l=(0,C.E)(h,{0:()=>e.indexOf(n[0]),1:()=>e.indexOf(n[n.length-1])});return{...r,selectedIndex:-1===l?i.selectedIndex:l}}let a=e.slice(0,s.index),k=[...e.slice(s.index),...a].find(i=>n.includes(i));if(!k)return r;let t=null!=(h=e.indexOf(k))?h:i.selectedIndex;return -1===t&&(t=i.selectedIndex),{...r,selectedIndex:t}},1(i,s){if(i.tabs.includes(s.tab))return i;let h=i.tabs[i.selectedIndex],e=(0,o.z2)([...i.tabs,s.tab],i=>i.current),l=i.selectedIndex;return i.info.current.isControlled||-1===(l=e.indexOf(h))&&(l=i.selectedIndex),{...i,tabs:e,selectedIndex:l}},2:(i,s)=>({...i,tabs:i.tabs.filter(i=>i!==s.tab)}),3:(i,s)=>i.panels.includes(s.panel)?i:{...i,panels:(0,o.z2)([...i.panels,s.panel],i=>i.current)},4:(i,s)=>({...i,panels:i.panels.filter(i=>i!==s.panel)})},I=(0,t.createContext)(null);function P(i){let s=(0,t.useContext)(I);if(null===s){let s=Error(`<${i} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,P),s}return s}I.displayName="TabsDataContext";let R=(0,t.createContext)(null);function G(i){let s=(0,t.useContext)(R);if(null===s){let s=Error(`<${i} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,G),s}return s}function S(i,s){return(0,C.E)(s.type,L,i,s)}R.displayName="TabsActionsContext";let Q=D.VN.RenderStrategy|D.VN.Static,U=(0,D.yV)(function(i,s){var h,e;let l=(0,t.useId)(),{id:n=`headlessui-tabs-tab-${l}`,disabled:r=!1,autoFocus:p=!1,...g}=i,{orientation:y,activation:f,selectedIndex:A,tabs:w,panels:v}=P("Tab"),T=G("Tab"),L=P("Tab"),[I,R]=(0,t.useState)(null),S=(0,t.useRef)(null),Q=(0,j.T)(S,s,R);(0,E.e)(()=>T.registerTab(S),[T,S]);let U=m("tabs"),q=w.indexOf(S);-1===q&&(q=U);let _=q===A,N=(0,c.z)(i=>{let s=i();if(s===o.fE.Success&&"auto"===f){let i=(0,B.vY)(S.current),s=L.tabs.findIndex(s=>s.current===i);-1!==s&&T.change(s)}return s}),O=(0,c.z)(i=>{let s=w.map(i=>i.current).filter(Boolean);if(i.key===b.R.Space||i.key===b.R.Enter){i.preventDefault(),i.stopPropagation(),T.change(q);return}switch(i.key){case b.R.Home:case b.R.PageUp:return i.preventDefault(),i.stopPropagation(),N(()=>(0,o.jA)(s,o.TO.First));case b.R.End:case b.R.PageDown:return i.preventDefault(),i.stopPropagation(),N(()=>(0,o.jA)(s,o.TO.Last))}if(N(()=>(0,C.E)(y,{vertical:()=>i.key===b.R.ArrowUp?(0,o.jA)(s,o.TO.Previous|o.TO.WrapAround):i.key===b.R.ArrowDown?(0,o.jA)(s,o.TO.Next|o.TO.WrapAround):o.fE.Error,horizontal:()=>i.key===b.R.ArrowLeft?(0,o.jA)(s,o.TO.Previous|o.TO.WrapAround):i.key===b.R.ArrowRight?(0,o.jA)(s,o.TO.Next|o.TO.WrapAround):o.fE.Error}))===o.fE.Success)return i.preventDefault()}),M=(0,t.useRef)(!1),W=(0,c.z)(()=>{var i;M.current||(M.current=!0,null==(i=S.current)||i.focus({preventScroll:!0}),T.change(q),(0,u.Y)(()=>{M.current=!1}))}),V=(0,c.z)(i=>{i.preventDefault()}

1),{isFocusVisible:Y,focusProps:z}=(0,a.F)({autoFocus:p}),{isHovered:$,hoverProps:X}=(0,k.X)({isDisabled:r}),{pressed:K,pressProps:H}=(0,d.x)({disabled:r}),Z=(0,x.x)({selected:_,hover:$,active:K,focus:Y,autofocus:p,disabled:r}),J=(0,D.dG)({ref:Q,onKeyDown:O,onMouseDown:V,onClick:W,id:n,role:"tab",type:(0,F.f)(i,I),"aria-controls":null==(e=null==(h=v[q])?void 0:h.current)?void 0:e.id,"aria-selected":_,tabIndex:_?0:-1,disabled:r||void 0,autoFocus:p},z,X,H);return(0,D.L6)()({ourProps:J,theirProps:g,slot:Z,defaultTag:"button",name:"Tabs.Tab"})}),q=(0,D.yV)(function(i,s){let{defaultIndex:h=0,vertical:e=!1,manual:l=!1,onChange:n,selectedIndex:r=null,...a}=i,k=e?"vertical":"horizontal",d=l?"manual":"auto",F=null!==r,g=(0,p.E)({isControlled:F}),C=(0,j.T)(s),[u,B]=(0,t.useReducer)(S,{info:g,selectedIndex:null!=r?r:h,tabs:[],panels:[]}),f=(0,x.x)({selectedIndex:u.selectedIndex}),m=(0,p.E)(n||(()=>{})),b=(0,p.E)(u.tabs),w=(0,t.useMemo)(()=>({orientation:k,activation:d,...u}),[k,d,u]),v=(0,c.z)(i=>(B({type:1,tab:i}),()=>B({type:2,tab:i}))),T=(0,c.z)(i=>(B({type:3,panel:i}),()=>B({type:4,panel:i}))),L=(0,c.z)(i=>{P.current!==i&&m.current(i),F||B({type:0,index:i})}),P=(0,p.E)(F?i.selectedIndex:u.selectedIndex),G=(0,t.useMemo)(()=>({registerTab:v,registerPanel:T,change:L}),[]);(0,E.e)(()=>{B({type:0,index:null!=r?r:h})},[r]),(0,E.e)(()=>{if(void 0===P.current||u.tabs.length<=0)return;let i=(0,o.z2)(u.tabs,i=>i.current);i.some((i,s)=>u.tabs[s]!==i)&&L(i.indexOf(u.tabs[P.current]))});let Q=(0,D.L6)();return t.createElement(A,null,t.createElement(R.Provider,{value:G},t.createElement(I.Provider,{value:w},w.tabs.length<=0&&t.createElement(y,{onFocus:()=>{var i,s;for(let h of b.current)if((null==(i=h.current)?void 0:i.tabIndex)===0)return null==(s=h.current)||s.focus(),!0;return!1}}),Q({ourProps:{ref:C},theirProps:a,slot:f,defaultTag:"div",name:"Tabs"}))))}),_=(0,D.yV)(function(i,s){let{orientation:h,selectedIndex:e}=P("Tab.List"),l=(0,j.T)(s),n=(0,x.x)({selectedIndex:e});return(0,D.L6)()({ourProps:{ref:l,role:"tablist","aria-orientation":h},theirProps:i,slot:n,defaultTag:"div",name:"Tabs.List"})}),N=(0,D.yV)(function(i,s){let{selectedIndex:h}=P("Tab.Panels"),e=(0,j.T)(s),l=(0,x.x)({selectedIndex:h});return(0,D.L6)()({ourProps:{ref:e},theirProps:i,slot:l,defaultTag:"div",name:"Tabs.Panels"})}),O=(0,D.yV)(function(i,s){var h,e,l,n;let r=(0,t.useId)(),{id:k=`headlessui-tabs-panel-${r}`,tabIndex:d=0,...c}=i,{selectedIndex:p,tabs:F,panels:y}=P("Tab.Panel"),o=G("Tab.Panel"),C=(0,t.useRef)(null),u=(0,j.T)(C,s);(0,E.e)(()=>o.registerPanel(C),[o,C]);let B=m("panels"),f=y.indexOf(C);-1===f&&(f=B);let A=f===p,{isFocusVisible:b,focusProps:w}=(0,a.F)(),v=(0,x.x)({selected:A,focus:b}),T=(0,D.dG)({ref:u,id:k,role:"tabpanel","aria-labelledby":null==(e=null==(h=F[f])?void 0:h.current)?void 0:e.id,tabIndex:A?d:-1},w),L=(0,D.L6)();return A||null!=(l=c.unmount)&&!l||null!=(n=c.static)&&n?L({ourProps:T,theirProps:c,slot:v,defaultTag:"div",features:Q,visible:A,name:"Tabs.Panel"}):t.createElement(g._,{"aria-hidden":"true",...T})}),M=Object.assign(U,{Group:q,List:_,Panels:N,Panel:O});var W=h(4814);function V(i){return!!i&&"object"==typeof i&&"label"in i}let Y=({items:i,children:s,storageKey:h,defaultIndex:e=0,selectedIndex:l,onChange:n,className:a,tabClassName:k})=>{let[d,c]=(0,t.useState)(e);(0,t.useEffect)(()=>{void 0!==l&&c(l)},[l]),(0,t.useEffect)(()=>{if(!h)return;function i(i){i.key===h&&c(Number(i.newValue))}let s=Number(localStorage.getItem(h));return c(Number.isNaN(s)?0:s),window.addEventListener("storage",i),()=>{window.removeEventListener("storage",i)}},[]);let E=(0,t.useCallback)(i=>{if(h){let s=String(i);localStorage.setItem(h,s),window.dispatchEvent(new StorageEvent("storage",{key:h,newValue:s}));return}c(i),n?.(i)},[]);return(0,r.jsxs)(q,{selectedIndex:d,defaultIndex:e,onChange:E,tabIndex:-1,children:[(0,r.jsx)(_,{className:i=>(0,W.Z)("nextra-scrollbar _overflow-x-auto _overscroll-x-contain _overflow-y-hidden","_mt-4 _flex _w-full _gap-2 _border-b _border-gray-200 _pb-px dark:_border-neutral-800","nextra-focus","function"==typeof a?a(i):a),children:i.map((i,s)=>(0,r.jsx)(M,{disabled:V(i)&&i.disabled,className:i=>{let{selected:s,disabled:h,hover:e,focus:l}=i;return(0,W.Z)(l&&"nextra-focusable _ring-inset",s&&"_outline-none","_whitespace-nowrap","_rounded-t _p-2 _font-medium _leading-5 _transition-colors","_-mb-0.5 _select-none _border-b-2",s?"_border-current":e?"_border-gray-200 dark:_border-neutral-800":"_border-transparent",s?"_text-primary-600":h?"_text-gray-400 dark:_text-neutral-600 _pointer-events-none":e?"_text-black dark:_text-white":"_text-gray-600 dark:_text-gray-200","function"==typeof k?k(i):k)},children:V(i)?i.label:i},s))}),(0,r.jsx)(N,{children:s})]})},z=Object.assign(i=>(0,r.jsx)(Y,{...i}),{Tab:({children:i,unmount:s=!1,className:h,...e})=>(0,r.jsx)(O,{...e,unmount:s,className:i=>(0,W.Z)("_rounded _mt-6",i.focus&&"nextra-focusable","function"==typeof h?h(i):h),children:i})})}},function(i){i.O(0,[3556,5043,2888,9774,179],function(){return i(i.s=28335)}),_N_E=i.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.