GraphiQL 4 with React 19 and GraphiQL Explorer

Loading…

\n \n\n`;\n\nexport async function createServer(typeDefs: any, resolvers: any, query: string = \"\") {\n const server = new ApolloServer({\n typeDefs,\n resolvers,\n introspection: true,\n csrfPrevention: false,\n plugins: [\n {\n async serverWillStart() {\n return {\n async renderLandingPage() {\n return { html: graphIQLMarkup(query) };\n },\n };\n },\n },\n ],\n });\n\n await server.start();\n\n return async function handler(request: Request) {\n const url = new URL(request.url);\n if (url.pathname !== \"/\") return new Response(\"\", { status: 404 });\n\n const body = request.method === \"POST\" ? await request.json() : {};\n\n const httpGraphQLRequest: HTTPGraphQLRequest = {\n method: request.method,\n headers: new HeaderMap(request.headers.entries()),\n search: url.search,\n body,\n };\n\n const response = await server\n .executeHTTPGraphQLRequest({\n httpGraphQLRequest,\n context: () => ({}),\n });\n\n return new Response(\n response.body.kind === \"complete\" ? response.body.string : response.body.asyncIterator,\n {\n status: response.status ?? 200,\n headers: {\n ...Object.fromEntries(response.headers.entries()),\n \"content-type\": response.headers.has(\"content-type\")\n ? response.headers.get(\"content-type\")\n : \"application/json\",\n },\n },\n );\n };\n}",[],[99],"files",[149,171,181,191,200,211],"counts",{"_224":32,"_225":226,"_227":226,"_228":229},"pulls","branches",1,"forks","envVars",{"_230":32,"_231":32},"count","emptyCount","contents",[],"file",{"_103":212,"_95":99,"_152":213,"_154":-5,"_155":137,"_156":214,"_158":159,"_105":236,"_100":216,"_162":207,"_164":217,"_166":22,"_167":-5,"_98":237},["D",1749464415322],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":246,"_147":251,"_220":270,"_234":271,"_232":273,"_274":-5,"_275":-5,"_276":-5,"_277":-5,"_278":279},{"_103":104,"_95":96,"_105":247,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":248,"_131":249,"_134":250,"_146":22},["D",1749131205673],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[252,255,258,261,264,267],{"_103":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_105":160,"_100":161,"_162":163,"_164":165,"_166":22,"_167":-5,"_168":253,"_98":254},[],[151],{"_103":172,"_95":173,"_152":174,"_154":-5,"_155":137,"_156":175,"_158":159,"_105":176,"_100":177,"_162":163,"_164":178,"_166":22,"_167":-5,"_168":256,"_98":257},[],[173],{"_103":182,"_95":183,"_152":184,"_154":-5,"_155":137,"_156":185,"_158":159,"_105":186,"_100":187,"_162":163,"_164":188,"_166":22,"_167":-5,"_168":259,"_98":260},[],[183],{"_103":192,"_95":193,"_152":194,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":195,"_100":196,"_162":163,"_164":197,"_166":22,"_167":-5,"_168":262,"_98":263},[],[193],{"_103":201,"_95":202,"_152":203,"_154":-5,"_155":137,"_156":204,"_158":159,"_105":205,"_100":206,"_162":207,"_164":208,"_166":22,"_167":-5,"_168":265,"_98":266},[],[202],{"_103":212,"_95":99,"_152":213,"_154":-5,"_155":137,"_156":214,"_158":159,"_105":215,"_100":216,"_162":207,"_164":217,"_166":22,"_167":-5,"_168":268,"_98":269},[],[99],[252,255,258,261,264,267],{"_103":212,"_95":99,"_152":213,"_154":-5,"_155":137,"_156":214,"_158":159,"_105":236,"_100":216,"_162":207,"_164":217,"_166":22,"_167":-5,"_98":272},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

apaleslimghost

graphql-crash-course