add with-esm example

Author: PabloSzx

examples/with-esm/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@envelop-examples/with-esm",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "tsup-node src/index.ts --format esm --watch src --onSuccess \"node dist/index.mjs\"",
+    "dev:cjs": "tsup-node src/index.ts --format cjs --watch src --onSuccess \"node dist/index.js\"",
+    "start": "tsup-node src/index.ts --format esm --onSuccess \"node dist/index.mjs\"",
+    "start:cjs": "tsup-node src/index.ts --format cjs --onSuccess \"node dist/index.js\""
+  },
+  "dependencies": {
+    "@envelop/core": "*",
+    "@graphql-tools/schema": "7.1.5",
+    "fastify": "3.14.0",
+    "graphql-helix": "1.6.1"
+  },
+  "devDependencies": {
+    "@types/node": "15.12.2",
+    "tsup": "4.11.2",
+    "typescript": "4.3.2"
+  }
+}

examples/with-esm/src/index.ts

@@ -0,0 +1,68 @@
+/* eslint-disable no-console */
+import fastify from 'fastify';
+import { getGraphQLParameters, processRequest, renderGraphiQL, shouldRenderGraphiQL } from 'graphql-helix';
+import { envelop, useLogger, useSchema, useTiming } from '@envelop/core';
+import { makeExecutableSchema } from '@graphql-tools/schema';
+
+const schema = makeExecutableSchema({
+  typeDefs: /* GraphQL */ `
+    type Query {
+      hello: String!
+    }
+  `,
+  resolvers: {
+    Query: {
+      hello: () => 'World',
+    },
+  },
+});
+
+const getEnveloped = envelop({
+  plugins: [useSchema(schema), useLogger(), useTiming()],
+});
+const app = fastify();
+
+app.route({
+  method: ['GET', 'POST'],
+  url: '/graphql',
+  async handler(req, res) {
+    const { parse, validate, contextFactory, execute, schema } = getEnveloped();
+    const request = {
+      body: req.body,
+      headers: req.headers,
+      method: req.method,
+      query: req.query,
+    };
+
+    if (shouldRenderGraphiQL(request)) {
+      res.type('text/html');
+      res.send(renderGraphiQL({}));
+    } else {
+      const { operationName, query, variables } = getGraphQLParameters(request);
+      const result = await processRequest({
+        operationName,
+        query,
+        variables,
+        request,
+        schema,
+        parse,
+        validate,
+        execute,
+        contextFactory,
+      });
+
+      if (result.type === 'RESPONSE') {
+        res.status(result.status);
+        res.send(result.payload);
+      } else {
+        // You can find a complete example with GraphQL Subscriptions and stream/defer here:
+        // https://github.com/contrawork/graphql-helix/blob/master/examples/fastify/server.ts
+        res.send({ errors: [{ message: 'Not Supported in this demo' }] });
+      }
+    }
+  },
+});
+
+app.listen(3000, () => {
+  console.log(`GraphQL server is running in http://127.0.0.1:3000/graphql.`);
+});

examples/with-esm/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es2019",
+    "module": "esnext",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noEmit": true,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  }
+}

package.json

@@ -13,7 +13,8 @@
     "./examples/lambda-aws",
     "./examples/azure-functions",
     "./examples/google-cloud-functions",
-    "./examples/cloudflare-workers"
+    "./examples/cloudflare-workers",
+    "./examples/with-esm"
   ],
   "scripts": {
     "prepare": "husky install",