fix: generate _directives.graphql

Author: productdevbook

playgrounds/nuxt/server/graphql/_directives.graphql

@@ -2,4 +2,6 @@
 # Do not modify this file directly. It will be overwritten.
 # To define custom directives, create .directive.ts files using defineDirective()
 
-directive @layerTest on FIELD_DEFINITION
+directive @auth on FIELD_DEFINITION
+
+directive @hasRole(role: String!) on FIELD_DEFINITION

playgrounds/nuxt/server/graphql/auth.directive.ts

@@ -0,0 +1,87 @@
+import { getDirective, MapperKind, mapSchema } from '@graphql-tools/utils'
+import { defaultFieldResolver, GraphQLError } from 'graphql'
+
+export const authDirective = defineDirective({
+  name: 'auth',
+  locations: ['FIELD_DEFINITION'],
+  description: 'Directive to check authentication',
+  transformer: (schema) => {
+    return mapSchema(schema, {
+      [MapperKind.OBJECT_FIELD]: (fieldConfig) => {
+        const authDirectiveConfig = getDirective(schema, fieldConfig, 'auth')?.[0]
+
+        if (authDirectiveConfig) {
+          const { resolve = defaultFieldResolver } = fieldConfig
+
+          fieldConfig.resolve = async function (source, args, context, info) {
+            const { auth } = context
+            const user = auth?.user
+
+            if (!user?.id) {
+              throw new GraphQLError('You must be logged in to access this field', {
+                extensions: {
+                  code: 'UNAUTHENTICATED',
+                },
+              })
+            }
+
+            return resolve(source, args, context, info)
+          }
+        }
+
+        return fieldConfig
+      },
+    })
+  },
+})
+
+export const hasRoleDirective = defineDirective({
+  name: 'hasRole',
+  locations: ['FIELD_DEFINITION'],
+  args: {
+    role: {
+      type: 'String!',
+      description: 'Required role to access this field',
+    },
+  },
+  description: 'Directive to check user role authorization',
+  transformer: (schema) => {
+    return mapSchema(schema, {
+      [MapperKind.OBJECT_FIELD]: (fieldConfig) => {
+        const hasRoleDirectiveConfig = getDirective(schema, fieldConfig, 'hasRole')?.[0]
+
+        if (hasRoleDirectiveConfig) {
+          const { role: requiredRole } = hasRoleDirectiveConfig
+          const { resolve = defaultFieldResolver } = fieldConfig
+
+          fieldConfig.resolve = async function (source, args, context, info) {
+            const { auth } = context
+            const user = auth?.user
+
+            if (!user?.id) {
+              throw new GraphQLError('You must be logged in to access this field', {
+                extensions: {
+                  code: 'UNAUTHENTICATED',
+                },
+              })
+            }
+
+            const userRole = context.userRole
+
+            if (!userRole || userRole !== requiredRole) {
+              throw new GraphQLError(`You must have ${requiredRole} role to access this field`, {
+                extensions: {
+                  code: 'FORBIDDEN',
+                },
+              })
+            }
+
+            return resolve(source, args, context, info)
+          }
+        }
+
+        return fieldConfig
+      },
+    })
+  },
+})

src/ecosystem/nuxt.ts

@@ -90,7 +90,7 @@ export default defineNuxtModule<ModuleOptions>({
       nitroConfig.graphql!.layerServerDirs = layerServerDirs
       nitroConfig.graphql!.layerAppDirs = layerAppDirs
 
-      // Check if app/graphql directory exists
+      // Check if app/graphql directory exists - use default app directory
       const appGraphqlDir = resolve(nuxt.options.rootDir, 'app/graphql')
       const hasAppGraphqlDir = existsSync(appGraphqlDir)
 

src/index.ts

@@ -98,9 +98,17 @@ export default defineNitroModule({
 
     switch (nitro.options.framework.name) {
       case 'nuxt': {
-        watchDirs.push(join(nitro.options.rootDir, 'app', 'graphql'))
-        nitro.graphql.clientDir = resolve(nitro.options.rootDir, 'app', 'graphql')
-        nitro.graphql.dir.client = 'app/graphql'
+        // For Nuxt, set clientDir to app/graphql if not already configured
+        if (!nitro.graphql.clientDir) {
+          nitro.graphql.clientDir = resolve(nitro.options.rootDir, 'app', 'graphql')
+          nitro.graphql.dir.client = 'app/graphql'
+        }
+
+        // For Nuxt, ensure serverDir points to server/graphql if using default srcDir
+        if (!nitro.options.graphql?.serverDir) {
+          nitro.graphql.serverDir = resolve(nitro.options.rootDir, 'server', 'graphql')
+        }
+        watchDirs.push(nitro.graphql.clientDir)
 
         // Add layer directories to watch list
         const layerServerDirs = getLayerServerDirectories(nitro)

src/utils/directive-parser.ts

@@ -273,9 +273,9 @@ export async function generateDirectiveSchemas(nitro: any, directives: any[]) {
   if (directives.length === 0)
     return
 
-  const { existsSync, readFileSync, writeFileSync } = await import('node:fs')
+  const { existsSync, readFileSync, writeFileSync, mkdirSync } = await import('node:fs')
   const { readFile } = await import('node:fs/promises')
-  const { resolve } = await import('pathe')
+  const { resolve, dirname } = await import('pathe')
 
   const directiveSchemas: string[] = []
   const seenDirectives = new Set<string>()
@@ -307,6 +307,12 @@ export async function generateDirectiveSchemas(nitro: any, directives: any[]) {
 
 ${directiveSchemas.join('\n\n')}`
 
+    // Ensure the target directory exists
+    const targetDir = dirname(directivesPath)
+    if (!existsSync(targetDir)) {
+      mkdirSync(targetDir, { recursive: true })
+    }
+
     // Only write if content has changed
     let shouldWrite = true
     if (existsSync(directivesPath)) {