fix: implement custom GraphQL Yoga configuration and integrate it into the rollup process

Author: productdevbook

playground-nuxt/server/graphql/yoga.config.ts renamed to playground-nuxt/server/graphql/config.ts

@@ -2,6 +2,7 @@
 export default defineGraphQLConfig({
   // Custom context enhancer - adds additional properties to GraphQL context
 
+  graphiql: true,
   // Additional yoga options can be added here
   // See: https://the-guild.dev/graphql/yoga-server/docs
 })

playground/server/graphql/yoga.config.ts renamed to playground/server/graphql/config.ts

@@ -3,13 +3,14 @@ import type { Nitro } from 'nitropack'
 import { readFile } from 'node:fs/promises'
 import { parse } from 'graphql'
 import { genImport } from 'knitwork'
+import { resolve } from 'pathe'
 import { getImportId, scanGraphql } from './utils'
 import { serverTypeGeneration } from './utils/server-type-generation'
 
 export async function rollupConfig(app: Nitro) {
   virtualDefs(app)
   virtualResolvers(app)
-
+  getGraphQLConfig(app)
   app.hooks.hook('rollup:before', (nitro, rollupConfig) => {
     rollupConfig.plugins = rollupConfig.plugins || []
     const {
@@ -154,3 +155,15 @@ export function virtualResolvers(app: Nitro) {
     return code
   }
 }
+
+export function getGraphQLConfig(app: Nitro) {
+  const configPath = resolve(app.graphql.serverDir, 'config.ts')
+
+  app.options.virtual ??= {}
+  app.options.virtual['#nitro-internal-virtual/graphql-config'] = () => {
+    return `import config from '${configPath}'
+const importedConfig = config
+export { importedConfig }
+`
+  }
+}

src/rollup.ts

@@ -1,8 +1,11 @@
 import type { YogaServerInstance } from 'graphql-yoga'
-import { defs } from '#nitro-internal-virtual/server-defs'
+import { importedConfig } from '#nitro-internal-virtual/graphql-config'
 
+import { defs } from '#nitro-internal-virtual/server-defs'
 import { resolvers } from '#nitro-internal-virtual/server-resolvers'
+
 import { mergeResolvers, mergeTypeDefs } from '@graphql-tools/merge'
+import defu from 'defu'
 import { createSchema, createYoga } from 'graphql-yoga'
 import { defineEventHandler, toWebRequest } from 'h3'
 // TODO: https://github.com/nitrojs/nitro/issues/3403 if used import this error.
@@ -57,12 +60,12 @@ export default defineEventHandler(async (event) => {
   if (!yoga) {
     const schema = createMergedSchema()
     // Yoga instance'ı henüz oluşturulmadıysa, oluştur
-    yoga = createYoga({
+    yoga = createYoga(defu({
       schema,
       graphqlEndpoint: '/api/graphql',
       landingPage: false,
       renderGraphiQL: () => apolloSandboxHtml,
-    })
+    }, importedConfig))
   }
   const request = toWebRequest(event)
   const response = await yoga.handleRequest(request, event as any)

src/routes/graphql-yoga.ts

@@ -0,0 +1 @@
+export const importedConfig: any = {}

src/virtual/graphql-config.d.ts

@@ -35,6 +35,7 @@ export default defineConfig({
     'h3',
     '#nitro-internal-virtual/server-defs',
     '#nitro-internal-virtual/server-resolvers',
+    '#nitro-internal-virtual/graphql-config',
     '@nuxt/kit',
     '@nuxt/schema',
     '@apollo/server',