feat: enhance todos resolver with createdAt field and improve error handling in client code generation

Author: productdevbook

playground/client/example.ts

@@ -6,6 +6,7 @@ export default createResolver({
         id: '1',
         title: 'Sample Todo',
         completed: false,
+        createdAt: new Date().toISOString(),
       }]
     },
 

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

@@ -2,8 +2,8 @@ import type { GraphQLSchema } from 'graphql'
 import type { CodegenClientConfig } from './types'
 import { codegen } from '@graphql-codegen/core'
 import { plugin as typescriptPlugin } from '@graphql-codegen/typescript'
-import { plugin as typescriptOperations } from '@graphql-codegen/typescript-operations'
 import { plugin as typescriptGenericSdk } from '@graphql-codegen/typescript-generic-sdk'
+import { plugin as typescriptOperations } from '@graphql-codegen/typescript-operations'
 import { GraphQLFileLoader } from '@graphql-tools/graphql-file-loader'
 import { loadDocuments } from '@graphql-tools/load'
 import { printSchemaWithDirectives } from '@graphql-tools/utils'
@@ -30,15 +30,17 @@ async function loadGraphQLDocuments(patterns: string | string[]) {
       loaders: [new GraphQLFileLoader()],
     })
     return result
-  } catch (e: any) {
+  }
+  catch (e: any) {
     if (
       (e.message || '').includes(
         'Unable to find any GraphQL type definitions for the following pointers:',
       )
     ) {
       // No GraphQL files found - this is normal
       return []
-    } else {
+    }
+    else {
       // Re-throw other errors
       throw e
     }
@@ -100,8 +102,9 @@ export async function generateClientTypes(
     })
 
     return output
-  } catch (error) {
+  }
+  catch (error) {
     consola.warn('[graphql] Client type generation failed:', error)
     return ''
   }
-}
+}

src/client-codegen.ts

@@ -1,17 +1,18 @@
 import type { Nitro } from 'nitropack/types'
 import type { NitroGraphQLYogaOptions } from './types'
+import { mkdir, writeFile } from 'node:fs/promises'
+import { mergeTypeDefs } from '@graphql-tools/merge'
+import { makeExecutableSchema } from '@graphql-tools/schema'
 import { consola } from 'consola'
 import { join } from 'pathe'
-import { mkdir, writeFile } from 'node:fs/promises'
 import { generateClientTypes } from './client-codegen'
 import { scanGraphQLFiles } from './scanner'
-import { mergeTypeDefs } from '@graphql-tools/merge'
-import { makeExecutableSchema } from '@graphql-tools/schema'
 import { debounce } from './utils'
 
 async function regenerateClientTypes(nitro: Nitro, options: NitroGraphQLYogaOptions) {
   try {
-    if (!options.client?.enabled) return
+    if (!options.client?.enabled)
+      return
 
     consola.start('[graphql] 🔄 Regenerating client types...')
 
@@ -45,16 +46,17 @@ async function regenerateClientTypes(nitro: Nitro, options: NitroGraphQLYogaOpti
     )
 
     if (generatedTypes) {
-      const outputPath = options.client.outputPath || 
-        join(nitro.options.buildDir, 'types', 'graphql-client.generated.ts')
-      
+      const outputPath = options.client.outputPath
+        || join(nitro.options.buildDir, 'types', 'graphql-client.generated.ts')
+
       const typesDir = join(nitro.options.buildDir, 'types')
       await mkdir(typesDir, { recursive: true })
       await writeFile(outputPath, generatedTypes)
 
       consola.success('[graphql] ✨ Client types updated at:', outputPath)
     }
-  } catch (error) {
+  }
+  catch (error) {
     const errorMessage = error instanceof Error ? error.message : String(error)
     consola.error('[graphql] ❌ Client type generation failed:', errorMessage)
   }
@@ -82,14 +84,15 @@ export async function setupClientWatcher(nitro: Nitro, options: NitroGraphQLYoga
   const { globby } = await import('globby')
 
   // Find existing client GraphQL files
-  const existingClientFiles = await globby(clientPatterns, { 
+  const existingClientFiles = await globby(clientPatterns, {
     absolute: true,
-    ignore: [join(nitro.options.srcDir, 'graphql/**/*')] // Exclude server files
+    ignore: [join(nitro.options.srcDir, 'graphql/**/*')], // Exclude server files
   })
 
   if (existingClientFiles.length > 0) {
     consola.info(`[graphql] 📁 Watching ${existingClientFiles.length} client GraphQL files`)
-  } else {
+  }
+  else {
     consola.info('[graphql] 📁 No client GraphQL files found to watch')
   }
 
@@ -142,4 +145,4 @@ export async function setupClientWatcher(nitro: Nitro, options: NitroGraphQLYoga
   await generateClientTypesDebounced()
 
   consola.success('[graphql] ✅ Client watcher ready')
-}
+}

src/client-watcher.ts

@@ -6,10 +6,10 @@ import { makeExecutableSchema } from '@graphql-tools/schema'
 import { consola } from 'consola'
 import { defineNitroModule } from 'nitropack/kit'
 import { join } from 'pathe'
+import { setupClientWatcher } from './client-watcher'
 import { generateTypes } from './codegen'
 import { scanGraphQLFiles } from './scanner'
 import { setupGraphQLWatcher } from './watcher'
-import { setupClientWatcher } from './client-watcher'
 
 export default defineNitroModule({
   name: 'nitro:graphql-yoga',
@@ -32,7 +32,7 @@ export default defineNitroModule({
           emitLegacyCommonJSImports: false,
           useTypeImports: true,
           enumsAsTypes: true,
-        }
+        },
       },
       // Merge with user config from nitro.options
       ...(nitro.options as any).graphqlYoga,

src/index.ts

@@ -1,7 +1,7 @@
-import type { YogaServerOptions } from 'graphql-yoga'
-import type { IncomingMessage, ServerResponse } from 'node:http'
 import type { TypeScriptPluginConfig } from '@graphql-codegen/typescript'
 import type { TypeScriptDocumentsPluginConfig } from '@graphql-codegen/typescript-operations'
+import type { YogaServerOptions } from 'graphql-yoga'
+import type { IncomingMessage, ServerResponse } from 'node:http'
 
 export interface GraphQLSchemaConfig {
   typeDefs: string | string[]
@@ -34,7 +34,7 @@ declare module 'nitropack' {
   interface NitroOptions {
     graphqlYoga?: NitroGraphQLYogaOptions
   }
-  
+
   interface NitroRuntimeConfig {
     graphqlYoga?: NitroGraphQLYogaOptions
   }