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}",[],[183],"files",[151,172,181],"counts",{"_193":32,"_194":159,"_195":32,"_196":197},"pulls","branches","forks","envVars",{"_198":32,"_199":32},"count","emptyCount","contents",[202,205,208],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":203,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":204},["D",1750781096603],[153],{"_102":173,"_95":174,"_154":175,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":206,"_99":32,"_163":177,"_165":178,"_167":22,"_168":-5,"_98":207},["D",1750781096603],[174],{"_102":182,"_95":183,"_154":184,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":209,"_99":32,"_163":177,"_165":186,"_167":22,"_168":-5,"_98":210},["D",1750781096603],[183],"file","upstreamProject",{"_102":144,"_95":214,"_110":-5,"_111":-5,"_108":109,"_23":215},"graphql-crash-course",{"_93":94,"_128":129},"upstreamBranch",{"_102":139,"_104":218,"_219":220,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_221":222,"_106":-5,"_148":22,"_108":109,"_147":94,"_16":117,"_146":214},["D",1749131205673],"updatedAt",["D",1750072689417],"lockfileKey","1750072689798-esm.town_v_apaleslimghost_graphql-crash-course@99-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":229,"_200":234,"_241":-7,"_242":243,"_246":-5,"_189":247,"_257":258,"_259":260,"_261":32},{"_102":103,"_95":96,"_104":230,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":231,"_130":232,"_133":233,"_148":22},["D",1750781096603],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":117,"_146":96,"_147":94},[235,237,239],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":203,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":236},[153],{"_102":173,"_95":174,"_154":175,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":206,"_99":32,"_163":177,"_165":178,"_167":22,"_168":-5,"_98":238},[174],{"_102":182,"_95":183,"_154":184,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":209,"_99":32,"_163":177,"_165":186,"_167":22,"_168":-5,"_98":240},[183],"readme","upstream",{"_102":139,"_104":244,"_219":245,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_221":222,"_106":-5,"_148":22,"_108":109,"_147":94,"_16":117,"_146":214},["D",1749131205673],["D",1750072689417],"pull",[248,251,254],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":162,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":249,"_98":250},[],[153],{"_102":173,"_95":174,"_154":175,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":176,"_99":32,"_163":177,"_165":178,"_167":22,"_168":-5,"_169":252,"_98":253},[],[174],{"_102":182,"_95":183,"_154":184,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":185,"_99":32,"_163":177,"_165":186,"_167":22,"_168":-5,"_169":255,"_98":256},[],[183],"previews",[248],"ahead",3,"behind","actionData","errors"]

apaleslimghost

apollo-server-context-willSendResponse