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}","deleted","children",[],[79],["D",1788433471683],[],[19],"f9595f49-2901-491d-9c8a-cd78245d1999","03-modelling-data.ts","01a066da-14da-777f-b159-5eb1db90a5ca",17,["D",1788433500591],8,"http","import { ArticleModel } from \"./_api.ts\";\nimport { createServer } from \"./_server.ts\";\n\nconst typeDefs = `\nscalar JSON\n\ntype Article {\n id: Int!\n title: String!\n body: String\n date: String!\n authors: JSON\n}\n\ntype Query {\n article(id: Int!): Article\n}\n`;\n\nconst resolvers = {\n Query: {\n article: (_, args: { id: number }) => new ArticleModel(args.id),\n },\n Article: {\n date: async (article: ArticleModel, args) =>\n (await article.date(args)).toLocaleString(\"en-GB\", {\n dateStyle: \"short\",\n }),\n },\n};\n\nexport const handler = await createServer(\n typeDefs,\n resolvers,\n `\nquery {\n article(id: 0) {\n id\n title\n body # remove me\n date\n authors\n }\n} \n`,\n);",[],[94],"b87b5008-b130-4e33-8c91-46d9f07b73b0",["D",1788431963286],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","6c391ee0-4213-11f0-b47d-130946788076","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_144":140},"org",{"_11":12,"_138":-5,"_139":140,"_109":110,"_141":142,"_143":51},"branch",{"_17":96,"_13":16,"_36":61,"_42":103,"_45":37,"_46":44,"_135":53,"_136":43,"_137":56,"_57":14,"_54":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeTVqNzlNUVlaOVBRSXpjSFoza0VqbUVrZ00ifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":103,"_13":14,"_38":189,"_49":-5,"_105":51,"_52":53,"_106":53,"_107":-5,"_108":-5,"_109":110,"_111":-5,"_112":51,"_113":-5,"_114":-5,"_115":34,"_55":56,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_129":190,"_131":191,"_133":192,"_50":51},[180,181,182],"files",[180,181,182],"counts",{"_171":34,"_172":81,"_173":34,"_35":174,"_175":176},[],{"_36":59,"_60":61,"_62":63,"_13":19,"_64":65,"_66":67,"_17":68,"_69":-5,"_38":169,"_71":72,"_73":-5,"_18":170},"upstreamProject",{"_36":43,"_13":58,"_107":-5,"_108":-5,"_52":53,"_129":168},"upstreamBranch",{"_36":37,"_38":166,"_40":167,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749131205673],["D",1750072689417],{"_11":12,"_144":140},["D",1788433471683],[19],"pulls","branches","forks",{"_177":34,"_179":34},"connections",{"_177":34,"_178":34},"count","unfilledCount","emptyCount",{"_36":93,"_13":94,"_62":95,"_69":-5,"_60":61,"_71":96,"_82":83,"_38":97,"_17":98,"_66":99,"_64":100,"_86":51,"_73":-5,"_87":187,"_18":188},{"_36":59,"_13":19,"_62":63,"_69":-5,"_60":61,"_71":72,"_82":83,"_38":90,"_17":68,"_66":67,"_64":65,"_86":51,"_73":-5,"_87":185,"_18":186},{"_36":78,"_13":79,"_62":80,"_69":-5,"_60":61,"_71":81,"_82":83,"_38":84,"_17":34,"_66":67,"_64":85,"_86":51,"_73":-5,"_87":183,"_18":184},[],[79],[],[19],[],[94],["D",1788431963286],{"_11":12,"_144":140},{"_11":12,"_138":-5,"_139":140,"_109":110,"_141":142,"_143":51},{"_17":96,"_13":16,"_36":61,"_42":103,"_45":37,"_46":44,"_135":53,"_136":43,"_137":56,"_57":14,"_54":12},"ctx",{"_129":-5,"_163":226,"_227":228,"_229":230,"_231":51,"_232":51,"_233":51,"_234":83,"_235":-5,"_236":-7,"_237":-7,"_238":34,"_239":51,"_240":51,"_241":-5,"_242":51,"_243":51,"_244":51,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":16,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]