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}",[],[214],"files",[152,172,182,192,201,212],"counts",{"_226":32,"_227":228,"_229":228,"_230":231,"_234":235},"pulls","branches",1,"forks","envVars",{"_232":32,"_233":32},"count","emptyCount","connections",{"_232":32,"_236":32},"unfilledCount","contents",[239,242,245,248,251,254],{"_103":153,"_96":154,"_155":115,"_156":-5,"_157":140,"_158":159,"_160":117,"_105":240,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_99":241},["D",1749465727301],[154],{"_103":173,"_96":174,"_155":175,"_156":-5,"_157":140,"_158":176,"_160":117,"_105":243,"_100":178,"_163":164,"_165":179,"_167":22,"_168":-5,"_99":244},["D",1750066322704],[174],{"_103":183,"_96":184,"_155":185,"_156":-5,"_157":140,"_158":186,"_160":117,"_105":246,"_100":188,"_163":164,"_165":189,"_167":22,"_168":-5,"_99":247},["D",1750066774550],[184],{"_103":193,"_96":194,"_155":195,"_156":-5,"_157":140,"_158":139,"_160":117,"_105":249,"_100":197,"_163":164,"_165":198,"_167":22,"_168":-5,"_99":250},["D",1750072689417],[194],{"_103":202,"_96":203,"_155":204,"_156":-5,"_157":140,"_158":205,"_160":117,"_105":252,"_100":207,"_163":208,"_165":209,"_167":22,"_168":-5,"_99":253},["D",1750066103217],[203],{"_103":213,"_96":214,"_155":215,"_156":-5,"_157":140,"_158":216,"_160":117,"_105":255,"_100":218,"_163":208,"_165":219,"_167":22,"_168":-5,"_99":256},["D",1749464415322],[214],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_94":95,"_96":97,"_98":-7,"_100":-7,"_101":266,"_237":271,"_284":-7,"_285":-5,"_286":-5,"_222":287,"_306":288,"_307":-5,"_308":-5,"_309":22,"_310":22},{"_103":104,"_96":97,"_105":267,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":117,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":268,"_134":269,"_137":270,"_149":22},["D",1749131205673],{"_94":95,"_132":133},{"_94":95,"_136":133,"_14":113},{"_100":139,"_96":44,"_103":140,"_141":104,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":97,"_148":95},[272,274,276,278,280,282],{"_103":153,"_96":154,"_155":115,"_156":-5,"_157":140,"_158":159,"_160":117,"_105":240,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_99":273},[154],{"_103":173,"_96":174,"_155":175,"_156":-5,"_157":140,"_158":176,"_160":117,"_105":243,"_100":178,"_163":164,"_165":179,"_167":22,"_168":-5,"_99":275},[174],{"_103":183,"_96":184,"_155":185,"_156":-5,"_157":140,"_158":186,"_160":117,"_105":246,"_100":188,"_163":164,"_165":189,"_167":22,"_168":-5,"_99":277},[184],{"_103":193,"_96":194,"_155":195,"_156":-5,"_157":140,"_158":139,"_160":117,"_105":249,"_100":197,"_163":164,"_165":198,"_167":22,"_168":-5,"_99":279},[194],{"_103":202,"_96":203,"_155":204,"_156":-5,"_157":140,"_158":205,"_160":117,"_105":252,"_100":207,"_163":208,"_165":209,"_167":22,"_168":-5,"_99":281},[203],{"_103":213,"_96":214,"_155":215,"_156":-5,"_157":140,"_158":216,"_160":117,"_105":255,"_100":218,"_163":208,"_165":219,"_167":22,"_168":-5,"_99":283},[214],"readme","upstream","pull",[288,291,294,297,300,303],{"_103":153,"_96":154,"_155":115,"_156":-5,"_157":140,"_158":159,"_160":117,"_105":161,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":289,"_99":290},[],[154],{"_103":173,"_96":174,"_155":175,"_156":-5,"_157":140,"_158":176,"_160":117,"_105":177,"_100":178,"_163":164,"_165":179,"_167":22,"_168":-5,"_169":292,"_99":293},[],[174],{"_103":183,"_96":184,"_155":185,"_156":-5,"_157":140,"_158":186,"_160":117,"_105":187,"_100":188,"_163":164,"_165":189,"_167":22,"_168":-5,"_169":295,"_99":296},[],[184],{"_103":193,"_96":194,"_155":195,"_156":-5,"_157":140,"_158":139,"_160":117,"_105":196,"_100":197,"_163":164,"_165":198,"_167":22,"_168":-5,"_169":298,"_99":299},[],[194],{"_103":202,"_96":203,"_155":204,"_156":-5,"_157":140,"_158":205,"_160":117,"_105":206,"_100":207,"_163":208,"_165":209,"_167":22,"_168":-5,"_169":301,"_99":302},[],[203],{"_103":213,"_96":214,"_155":215,"_156":-5,"_157":140,"_158":216,"_160":117,"_105":217,"_100":218,"_163":208,"_165":219,"_167":22,"_168":-5,"_169":304,"_99":305},[],[214],"preview","ahead","behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

apaleslimghost

graphql-crash-course