Apollo -> Yoga

Author: CarsonF

package.json

@@ -42,6 +42,9 @@
     "@fastify/cors": "^9.0.1",
     "@ffprobe-installer/ffprobe": "^2.1.2",
     "@golevelup/nestjs-discovery": "^4.0.0",
+    "@graphql-tools/utils": "^10.5.4",
+    "@graphql-yoga/nestjs": "^3.7.0",
+    "@graphql-yoga/plugin-apq": "^3.7.0",
     "@leeoniya/ufuzzy": "^1.0.11",
     "@nestjs/apollo": "^12.0.9",
     "@nestjs/common": "^10.2.7",
@@ -76,10 +79,11 @@
     "file-type": "^18.6.0",
     "glob": "^10.3.10",
     "got": "^14.3.0",
-    "graphql": "^16.8.1",
+    "graphql": "^16.9.0",
     "graphql-parse-resolve-info": "^4.14.0",
     "graphql-scalars": "^1.22.4",
     "graphql-upload": "^16.0.2",
+    "graphql-yoga": "^5.7.0",
     "human-format": "^1.2.0",
     "image-size": "^1.0.2",
     "indent-string": "^5.0.0",

src/core/graphql/graphql.module.ts

@@ -1,4 +1,4 @@
-import { ApolloDriver } from '@nestjs/apollo';
+import { YogaDriver } from '@graphql-yoga/nestjs';
 import { MiddlewareConsumer, Module, NestModule } from '@nestjs/common';
 import { APP_INTERCEPTOR } from '@nestjs/core';
 import { GraphQLModule as NestGraphqlModule } from '@nestjs/graphql';
@@ -34,7 +34,7 @@ export class GraphqlOptionsModule {}
 @Module({
   imports: [
     NestGraphqlModule.forRootAsync({
-      driver: ApolloDriver,
+      driver: YogaDriver,
       useExisting: GraphqlOptions,
       imports: [GraphqlOptionsModule],
     }),

src/core/graphql/graphql.options.ts

@@ -1,14 +1,14 @@
 import {
-  ApolloServerPluginLandingPageLocalDefault,
-  ApolloServerPluginLandingPageProductionDefault,
-} from '@apollo/server/plugin/landingPage/default';
-import { ApolloFastifyContextFunctionArgument } from '@as-integrations/fastify';
-import { ApolloDriverConfig as DriverConfig } from '@nestjs/apollo';
+  YogaDriverConfig as DriverConfig,
+  YogaDriverServerContext,
+} from '@graphql-yoga/nestjs';
+import { useAPQ } from '@graphql-yoga/plugin-apq';
 import { Injectable } from '@nestjs/common';
 import { GqlOptionsFactory } from '@nestjs/graphql';
 import { CacheService } from '@seedcompany/cache';
 import { mapKeys } from '@seedcompany/common';
 import { GraphQLScalarType, OperationDefinitionNode } from 'graphql';
+import { Plugin } from 'graphql-yoga';
 import { BehaviorSubject } from 'rxjs';
 import { GqlContextType, ServerException, Session } from '~/common';
 import { getRegisteredScalars } from '~/common/scalars';
@@ -18,6 +18,8 @@ import { isGqlContext } from './gql-context.host';
 import { GraphqlErrorFormatter } from './graphql-error-formatter';
 import { GraphqlTracingPlugin } from './graphql-tracing.plugin';
 
+type ServerContext = YogaDriverServerContext<'fastify'>;
+
 @Injectable()
 export class GraphqlOptions implements GqlOptionsFactory {
   constructor(
@@ -45,50 +47,48 @@ export class GraphqlOptions implements GqlOptionsFactory {
     return {
       path: '/graphql/:opName?',
       autoSchemaFile: 'schema.graphql',
+      graphiql: {
+        title: 'CORD API',
+        defaultEditorToolsVisibility: false,
+        credentials: 'include',
+      },
       context: this.context,
-      playground: false,
-      introspection: true,
-      formatError: this.errorFormatter.formatError,
-      includeStacktraceInErrorResponses: true,
-      status400ForVariableCoercionErrors: true, // will be default in v5
       sortSchema: true,
       buildSchemaOptions: {
-        fieldMiddleware: [this.tracing.fieldMiddleware()],
+        // fieldMiddleware: [this.tracing.fieldMiddleware()],
       },
-      cache: this.cache.adaptTo.apollo({
-        ttl: this.config.graphQL.persistedQueries.ttl,
-        refreshTtlOnGet: true,
-      }),
-      persistedQueries: this.config.graphQL.persistedQueries.enabled
-        ? {}
-        : false,
       resolvers: {
         ...scalars,
       },
       plugins: [
-        process.env.APOLLO_GRAPH_REF
-          ? ApolloServerPluginLandingPageProductionDefault({
-              graphRef: process.env.APOLLO_GRAPH_REF,
-              embed: true,
-              includeCookies: true,
-            })
-          : ApolloServerPluginLandingPageLocalDefault({
-              embed: true,
-              includeCookies: true,
-            }),
+        this.useAutomaticPersistedQueries(),
+        // more,
       ],
     };
   }
 
-  context = (
-    ...[request, response]: ApolloFastifyContextFunctionArgument
-  ): GqlContextType => ({
-    [isGqlContext.KEY]: true,
-    request,
-    response,
-    operation: createFakeStubOperation(),
-    session$: new BehaviorSubject<Session | undefined>(undefined),
-  });
+  context = ({
+    req: request,
+    reply: response,
+  }: ServerContext): GqlContextType => {
+    return {
+      [isGqlContext.KEY]: true,
+      request,
+      response,
+      operation: createFakeStubOperation(),
+      session$: new BehaviorSubject<Session | undefined>(undefined),
+    };
+  };
+
+  private useAutomaticPersistedQueries(): Plugin | false {
+    const { enabled, ttl } = this.config.graphQL.persistedQueries;
+    if (!enabled) {
+      return false;
+    }
+
+    const store = this.cache.namespace('apq:', { ttl, refreshTtlOnGet: true });
+    return useAPQ({ store });
+  }
 }
 
 export const createFakeStubOperation = () => {