graphql-js 16 support (#625)

* graphql-js 16 support

* Bump v16 version

* Fix parser types

Co-authored-by: Arda TANRIKULU <ardatanrikulu@gmail.com>

Author: n1ru4l

.changeset/ten-ads-visit.md

@@ -0,0 +1,35 @@
+---
+'@envelop/core': minor
+'@envelop/apollo-server-errors': minor
+'@envelop/apollo-tracing': minor
+'@envelop/auth0': minor
+'@envelop/dataloader': minor
+'@envelop/depth-limit': minor
+'@envelop/disable-introspection': minor
+'@envelop/execute-subscription-event': minor
+'@envelop/extended-validation': minor
+'@envelop/filter-operation-type': minor
+'@envelop/fragment-arguments': minor
+'@envelop/generic-auth': minor
+'@envelop/graphql-jit': minor
+'@envelop/graphql-middleware': minor
+'@envelop/graphql-modules': minor
+'@envelop/live-query': minor
+'@envelop/newrelic': minor
+'@envelop/opentelemetry': minor
+'@envelop/operation-field-permissions': minor
+'@envelop/parser-cache': minor
+'@envelop/persisted-operations': minor
+'@envelop/preload-assets': minor
+'@envelop/prometheus': minor
+'@envelop/rate-limiter': minor
+'@envelop/resource-limitations': minor
+'@envelop/response-cache': minor
+'@envelop/sentry': minor
+'@envelop/statsd': minor
+'@envelop/validation-cache': minor
+'@envelop/testing': minor
+'@envelop/types': minor
+---
+
+add support for GraphQL.js 16

.github/workflows/tests.yml

@@ -36,7 +36,7 @@ jobs:
         graphql_version:
           # - 14
           - 15
-          # - 16.0.0-rc.1
+          - 16.0.0-rc.7
     steps:
       - name: Checkout Master
         uses: actions/checkout@v2
@@ -67,7 +67,7 @@ jobs:
         graphql_version:
           # - 14
           - 15
-          # - 16.0.0-rc.1
+          - 16.0.0-rc.7
     steps:
       - name: Checkout Master
         uses: actions/checkout@v2

.vscode/settings.json

@@ -1,5 +1,15 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.formatOnSave": true
+  "editor.formatOnSave": true,
+  "files.exclude": {
+    "**/.git": true,
+    "**/.DS_Store": true,
+    "**/node_modules": true,
+    "test-lib": true,
+    "lib": true,
+    "coverage": true,
+    "npm": true,
+    "**/dist": true
+  }
 }

packages/core/package.json

@@ -49,7 +49,7 @@
     "typescript": "4.4.4"
   },
   "peerDependencies": {
-    "graphql": "^14.0.0 || ^15.0.0"
+    "graphql": "^14.0.0 || ^15.0.0 || ^16.0.0"
   },
   "buildOptions": {
     "input": "./src/index.ts"

packages/core/src/orchestrator.ts

@@ -27,6 +27,7 @@ import {
   OnContextErrorHandler,
   SubscribeErrorHook,
   DefaultContext,
+  Maybe,
 } from '@envelop/types';
 import {
   DocumentNode,
@@ -40,7 +41,6 @@ import {
   validate,
   ValidationRule,
 } from 'graphql';
-import { Maybe } from 'graphql/jsutils/Maybe';
 import { prepareTracedSchema, resolversHooksSymbol } from './traced-schema';
 import { errorAsyncIterator, finalAsyncIterator, makeExecute, makeSubscribe, mapAsyncIterator } from './utils';
 
@@ -307,7 +307,7 @@ export function createEnvelopOrchestrator<PluginsContext extends DefaultContext>
     const afterCalls: SubscribeResultHook<PluginsContext>[] = [];
     const subscribeErrorHandlers: SubscribeErrorHook[] = [];
 
-    let context = args.contextValue || {};
+    let context = (args.contextValue as {}) || {};
 
     for (const onSubscribe of beforeCallbacks.subscribe) {
       const after = await onSubscribe({
@@ -338,9 +338,11 @@ export function createEnvelopOrchestrator<PluginsContext extends DefaultContext>
       context[resolversHooksSymbol] = onResolversHandlers;
     }
 
-    let result = await subscribeFn({
+    let result: AsyncIterableIteratorOrValue<ExecutionResult> = await subscribeFn({
       ...args,
       contextValue: context,
+      // Casted for GraphQL.js 15 compatibility
+      // Can be removed once we drop support for GraphQL.js 15
     });
 
     const onNextHandler: OnSubscribeResultResultOnNextHook<PluginsContext>[] = [];
@@ -399,7 +401,7 @@ export function createEnvelopOrchestrator<PluginsContext extends DefaultContext>
       });
     }
 
-    return result;
+    return result as AsyncIterableIterator<ExecutionResult>;
   });
 
   const customExecute = beforeCallbacks.execute.length
@@ -409,7 +411,7 @@ export function createEnvelopOrchestrator<PluginsContext extends DefaultContext>
         let result: AsyncIterableIteratorOrValue<ExecutionResult>;
 
         const afterCalls: OnExecuteDoneHook<PluginsContext>[] = [];
-        let context = args.contextValue || {};
+        let context = (args.contextValue as {}) || {};
 
         for (const onExecute of beforeCallbacks.execute) {
           let stopCalled = false;

packages/core/src/traced-orchestrator.ts

@@ -1,6 +1,5 @@
 import { DocumentNode, ExecutionArgs, GraphQLFieldResolver, GraphQLSchema, GraphQLTypeResolver, SubscriptionArgs } from 'graphql';
-import { Maybe } from 'graphql/jsutils/Maybe';
-import { ArbitraryObject, isAsyncIterable } from '@envelop/types';
+import { ArbitraryObject, isAsyncIterable, Maybe } from '@envelop/types';
 import { EnvelopOrchestrator } from './orchestrator';
 
 const HR_TO_NS = 1e9;
@@ -88,7 +87,8 @@ export function traceOrchestrator<TInitialContext extends ArbitraryObject, TPlug
               typeResolver,
             }
           : argsOrSchema;
-
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore GraphQL.js types contextValue as unknown
       const done = createTracer('execute', args.contextValue || {});
 
       try {
@@ -97,6 +97,8 @@ export function traceOrchestrator<TInitialContext extends ArbitraryObject, TPlug
 
         if (!isAsyncIterable(result)) {
           result.extensions = result.extensions || {};
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore GraphQL.js types contextValue as unknown
           result.extensions.envelopTracing = args.contextValue._envelopTracing;
         } else {
           // eslint-disable-next-line no-console
@@ -135,6 +137,8 @@ export function traceOrchestrator<TInitialContext extends ArbitraryObject, TPlug
               subscribeFieldResolver,
             }
           : argsOrSchema;
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore GraphQL.js types contextValue as unknown
       const done = createTracer('subscribe', args.contextValue || {});
 
       try {

packages/core/src/utils.ts

@@ -16,8 +16,8 @@ import {
   PolymorphicExecuteArguments,
   PolymorphicSubscribeArguments,
   SubscribeFunction,
+  PromiseOrValue,
 } from '@envelop/types';
-import { PromiseOrValue } from 'graphql/jsutils/PromiseOrValue';
 
 export const envelopIsIntrospectionSymbol = Symbol('ENVELOP_IS_INTROSPECTION');
 
@@ -73,13 +73,13 @@ function getSubscribeArgs(args: PolymorphicSubscribeArguments): SubscriptionArgs
  * Utility function for making a subscribe function that handles polymorphic arguments.
  */
 export const makeSubscribe = (
-  subscribeFn: (args: SubscriptionArgs) => PromiseOrValue<AsyncIterableIterator<ExecutionResult> | ExecutionResult>
+  subscribeFn: (args: SubscriptionArgs) => PromiseOrValue<AsyncIterableIterator<ExecutionResult>>
 ): SubscribeFunction =>
-  ((...polyArgs: PolymorphicSubscribeArguments): PromiseOrValue<AsyncIterableIterator<ExecutionResult> | ExecutionResult> =>
+  ((...polyArgs: PolymorphicSubscribeArguments): PromiseOrValue<AsyncIterableIterator<ExecutionResult>> =>
     subscribeFn(getSubscribeArgs(polyArgs))) as SubscribeFunction;
 
 export async function* mapAsyncIterator<TInput, TOutput = TInput>(
-  asyncIterable: AsyncIterableIterator<TInput>,
+  asyncIterable: AsyncIterable<TInput>,
   map: (input: TInput) => Promise<TOutput> | TOutput
 ): AsyncIterableIterator<TOutput> {
   for await (const value of asyncIterable) {
@@ -109,10 +109,10 @@ export const makeExecute = (
   executeFn: (args: ExecutionArgs) => PromiseOrValue<AsyncIterableIteratorOrValue<ExecutionResult>>
 ): ExecuteFunction =>
   ((...polyArgs: PolymorphicExecuteArguments): PromiseOrValue<AsyncIterableIteratorOrValue<ExecutionResult>> =>
-    executeFn(getExecuteArgs(polyArgs))) as ExecuteFunction;
+    executeFn(getExecuteArgs(polyArgs))) as unknown as ExecuteFunction;
 
 export async function* finalAsyncIterator<TInput>(
-  asyncIterable: AsyncIterableIterator<TInput>,
+  asyncIterable: AsyncIterable<TInput>,
   onFinal: () => void
 ): AsyncIterableIterator<TInput> {
   try {
@@ -123,7 +123,7 @@ export async function* finalAsyncIterator<TInput>(
 }
 
 export async function* errorAsyncIterator<TInput>(
-  asyncIterable: AsyncIterableIterator<TInput>,
+  asyncIterable: AsyncIterable<TInput>,
   onError: (err: unknown) => void
 ): AsyncIterableIterator<TInput> {
   try {

packages/plugins/apollo-federation/test/federation.spec.ts

@@ -1,12 +1,12 @@
-import { ApolloGateway, LocalGraphQLDataSource } from '@apollo/gateway';
 import { assertSingleExecutionValue, createTestkit } from '@envelop/testing';
-import { execute } from 'graphql';
+import { execute, versionInfo } from 'graphql';
 import { useApolloFederation } from '../src';
-import * as accounts from './fixtures/accounts';
-import * as products from './fixtures/products';
-import * as reviews from './fixtures/reviews';
 
 describe('useApolloFederation', () => {
+  if (versionInfo.major > 15) {
+    it('dummy', () => {});
+    return;
+  }
   const query = /* GraphQL */ `
     # A query that the gateway resolves by calling all three services
     query GetCurrentUserReviews {
@@ -23,6 +23,11 @@ describe('useApolloFederation', () => {
     }
   `;
 
+  const { ApolloGateway, LocalGraphQLDataSource }: typeof import('@apollo/gateway') = require('@apollo/gateway');
+  const accounts: typeof import('./fixtures/accounts') = require('./fixtures/accounts');
+  const products: typeof import('./fixtures/products') = require('./fixtures/products');
+  const reviews: typeof import('./fixtures/reviews') = require('./fixtures/reviews');
+
   const gateway = new ApolloGateway({
     localServiceList: [
       { name: 'accounts', typeDefs: accounts.typeDefs },

packages/plugins/apollo-server-errors/package.json

@@ -39,7 +39,7 @@
     "typescript": "4.4.4"
   },
   "peerDependencies": {
-    "graphql": "^14.0.0 || ^15.0.0"
+    "graphql": "^14.0.0 || ^15.0.0 || ^16.0.0"
   },
   "buildOptions": {
     "input": "./src/index.ts"

packages/plugins/apollo-server-errors/src/index.ts

@@ -8,6 +8,10 @@ const makeHandleResult =
     if (result.errors && result.errors.length > 0) {
       setResult({
         ...result,
+        // Upstream issue in apollo with GraphQL.js 16
+        // Type 'ApolloError[]' is not assignable to type 'readonly GraphQLError[]'. Property '[Symbol.toStringTag]' is missing in type 'ApolloError' but required in type 'GraphQLError'.
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         errors: formatApolloErrors(result.errors, {
           debug: options.debug,
           formatter: options.formatter,