feat: add Resolvers interface to types for improved type safety

Author: productdevbook

.gitignore

@@ -2,4 +2,5 @@ node_modules
 dist
 .output
 .nitro
-*.log
+*.log
+nitro

diff.txt

@@ -0,0 +1,51 @@
+diff --git a/playground/nitro.config.ts b/playground/nitro.config.ts
+index 824d7a8..69b15ea 100644
+--- a/playground/nitro.config.ts
++++ b/playground/nitro.config.ts
+@@ -4,27 +4,6 @@ export default defineNitroConfig({
+   srcDir: 'server',
+   modules: ['nitro-graphql-yoga'],
+   compatibilityDate: '2025-07-01',
+-  hooks: {
+-    'nitro:build:before': (nitro) => {
+-      // Ensure rollupConfig exists
+-      nitro.options.rollupConfig = nitro.options.rollupConfig || {}
+-      nitro.options.rollupConfig.output = nitro.options.rollupConfig.output || {}
+-
+-      // Configure manual chunks for GraphQL files
+-      nitro.options.rollupConfig.output.manualChunks = (id) => {
+-        if (id.includes('/graphql/') || id.includes('resolver') || id.includes('createUser') || id.includes('hello') || id.includes('posts') || id.includes('todos') || id.includes('users') || id.includes('comment-resolver')) {
+-          return 'graphql'
+-        }
+-        return undefined
+-      }
+-
+-      // Configure chunk file names to use chunk name as directory
+-      nitro.options.rollupConfig.output.chunkFileNames = (chunkInfo) => {
+-        const chunkName = chunkInfo.name || 'chunks'
+-        return `${chunkName}/[name].mjs`
+-      }
+-    },
+-  },
+   runtimeConfig: {
+     graphqlYoga: {
+       endpoint: '/api/graphql',
+diff --git a/src/index.ts b/src/index.ts
+index 01dcf25..27f1125 100644
+--- a/src/index.ts
++++ b/src/index.ts
+@@ -14,14 +14,6 @@ import { setupGraphQLWatcher } from './watcher'
+ export default defineNitroModule({
+   name: 'nitro:graphql-yoga',
+   async setup(nitro: Nitro) {
+-    // Configure chunk directory naming
+-    nitro.options.rollupConfig = nitro.options.rollupConfig || {}
+-    nitro.options.rollupConfig.output = nitro.options.rollupConfig.output || {}
+-    
+-    // Configure chunk file names to use 'graphql' directory instead of '_'
+-    nitro.options.rollupConfig.output.chunkFileNames = (chunkInfo) => {
+-      return `graphql/[name].mjs`
+-    }
+ 
+     // Add virtual imports
+     nitro.options.virtual ??= {}

package.json

@@ -41,6 +41,7 @@
     "chokidar": "^4.0.3",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
+    "globby": "^14.0.2",
     "graphql": "^16.11.0",
     "graphql-scalars": "^1.24.2",
     "graphql-yoga": "^5.14.0",

playground/nitro.config.ts

@@ -4,6 +4,27 @@ export default defineNitroConfig({
   srcDir: 'server',
   modules: ['nitro-graphql-yoga'],
   compatibilityDate: '2025-07-01',
+  hooks: {
+    'nitro:build:before': (nitro) => {
+      // Ensure rollupConfig exists
+      nitro.options.rollupConfig = nitro.options.rollupConfig || {}
+      nitro.options.rollupConfig.output = nitro.options.rollupConfig.output || {}
+
+      // Configure manual chunks for GraphQL files
+      nitro.options.rollupConfig.output.manualChunks = (id) => {
+        if (id.includes('/graphql/') || id.includes('resolver') || id.includes('createUser') || id.includes('hello') || id.includes('posts') || id.includes('todos') || id.includes('users') || id.includes('comment-resolver')) {
+          return 'graphql'
+        }
+        return undefined
+      }
+
+      // Configure chunk file names to use chunk name as directory
+      nitro.options.rollupConfig.output.chunkFileNames = (chunkInfo) => {
+        const chunkName = chunkInfo.name || 'chunks'
+        return `${chunkName}/[name].mjs`
+      }
+    },
+  },
   runtimeConfig: {
     graphqlYoga: {
       endpoint: '/api/graphql',

playground/server/graphql/comments/comment-resolver.ts

@@ -0,0 +1,21 @@
+export default createResolver({
+  Query: {
+    comments: async (parent, { postId }, context) => {
+      return [
+        { id: '1', content: 'Great post!', postId, authorId: '1' },
+        { id: '2', content: 'Nice work!', postId, authorId: '2' },
+      ]
+    },
+  },
+
+  Mutation: {
+    addComment: async (parent, { input }, context) => {
+      return {
+        id: Date.now().toString(),
+        content: input.content,
+        postId: input.postId,
+        authorId: input.authorId,
+      }
+    },
+  },
+})

playground/server/graphql/posts.ts

@@ -0,0 +1,30 @@
+export default createResolver({
+  Query: {
+    post: async (parent, { id }, context) => {
+      return {
+        id,
+        title: `Post ${id}`,
+        content: `This is the content of post ${id}`,
+        authorId: '1',
+      }
+    },
+
+    posts: async (parent, args, context) => {
+      return [
+        { id: '1', title: 'First Post', content: 'Content 1', authorId: '1' },
+        { id: '2', title: 'Second Post', content: 'Content 2', authorId: '2' },
+      ]
+    },
+  },
+
+  Mutation: {
+    createPost: async (parent, { input }, context) => {
+      return {
+        id: Date.now().toString(),
+        title: input.title,
+        content: input.content,
+        authorId: input.authorId,
+      }
+    },
+  },
+})

playground/server/graphql/resolvers/mutations/createUser.ts

@@ -1,6 +1,4 @@
-import type { MutationResolvers } from '../../types.generated'
-
-export default {
+export default createResolver({
   Mutation: {
     createUser: async (_parent, { input }, context) => {
       // In a real app, you would save to database
@@ -15,5 +13,5 @@ export default {
 
       return newUser
     },
-  } as MutationResolvers,
-}
+  },
+})

playground/server/graphql/resolvers/mutations/todos.ts

@@ -1,6 +1,6 @@
-import type { MutationResolvers, Todo } from '../../types.generated'
+import type { Todo } from '#build/graphql-types.generated'
 
-export default {
+export default createResolver({
   Mutation: {
     addTodo: async (_parent, { title }, { storage }) => {
       const todos = await storage.getItem('todos') || []
@@ -36,5 +36,5 @@ export default {
       await storage.setItem('todos', todos)
       return true
     },
-  } as MutationResolvers,
-}
+  },
+})

playground/server/graphql/resolvers/queries/hello.ts

@@ -1,8 +1,6 @@
-import type { QueryResolvers } from '../../types.generated'
-
-export default {
+export default createResolver({
   Query: {
     hello: () => 'Hello from auto-discovered resolver!',
     greeting: (_parent, { name }) => `Hello, ${name}!`,
-  } as QueryResolvers,
-}
+  },
+})

playground/server/graphql/resolvers/queries/todos.ts

@@ -1,6 +1,4 @@
-import type { QueryResolvers } from '../../types.generated'
-
-export default {
+export default createResolver({
   Query: {
     todos: async (_parent, _args, { storage }) => {
       const todos = await storage.getItem('todos') || []
@@ -11,5 +9,5 @@ export default {
       const todos = await storage.getItem('todos') || []
       return todos.find((todo: any) => todo.id === id) || null
     },
-  } as QueryResolvers,
-}
+  },
+})