get graphql-http working with netlify (#3353)

Author: acao

.eslintrc.js

@@ -29,6 +29,7 @@ module.exports = {
     'next-env.d.ts',
     'changesets/**/*.md',
     '**/CHANGELOG.md',
+    'functions/*',
   ],
   overrides: [
     {

functions/graphql.ts

@@ -0,0 +1,60 @@
+import {
+  createHandler as createRawHandler,
+  HandlerOptions as RawHandlerOptions,
+  OperationContext,
+} from 'graphql-http';
+
+import type {
+  Handler as NetlifyHandler,
+  HandlerEvent as NetlifyHandlerEvent,
+  HandlerContext as NetlifyHandlerContext,
+} from '@netlify/functions';
+
+import schema from '../packages/graphiql/test/schema';
+
+/**
+ * Handler options when using the netlify adapter
+ *
+ * @category Server/@netlify/functions
+ */
+export type HandlerOptions<Context extends OperationContext = undefined> =
+  RawHandlerOptions<NetlifyHandlerEvent, NetlifyHandlerContext, Context>;
+
+/**
+ * Create a GraphQL over HTTP spec compliant request handler for netlify functions
+ *
+ * @category Server/@netlify/functions
+ */
+export function createHandler<Context extends OperationContext = undefined>(
+  options: HandlerOptions<Context>,
+): NetlifyHandler {
+  const handler = createRawHandler(options);
+  return async function handleRequest(req, ctx) {
+    try {
+      const [body, init] = await handler({
+        method: req.httpMethod,
+        url: req.rawUrl,
+        headers: req.headers,
+        body: req.body,
+        raw: req,
+        context: ctx,
+      });
+      return {
+        // if body is null, return undefined
+        body: body ?? undefined,
+        statusCode: init.status,
+      };
+    } catch (err) {
+      // The handler should'nt throw errors.
+      // If you wish to handle them differently, consider implementing your own request handler.
+      console.error(
+        'Internal error occurred during request handling. ' +
+          'Please check your implementation.',
+        err,
+      );
+      return { statusCode: 500 };
+    }
+  };
+}
+
+export const handler = createHandler({ schema });

functions/schema-demo.js

@@ -75,7 +75,7 @@ function getSchemaUrl() {
     }
     return '/graphql';
   }
-  return '/.netlify/functions/schema-demo';
+  return '/.netlify/functions/graphql';
 }
 
 // Render <GraphiQL /> into the body.

packages/graphiql/resources/renderExample.js

@@ -1,9 +1,9 @@
 {
+  "extends": "./resources/tsconfig.base.cjs.json",
   "compilerOptions": {
     "composite": true
   },
   "files": [],
-  "include": [],
   "references": [
     {
       "path": "resources/tsconfig.build.esm.json"