feat: auto-create app/graphql directory for Nuxt projects (#24)

* feat: auto-create app/graphql directory for Nuxt projects

- Automatically create app/graphql directory when framework is Nuxt
- Create app/graphql/default subdirectory for new folder structure
- Add sample queries.graphql file to help users get started
- Fix TypeScript error with optional chaining for external service patterns

Fixes the issue where users had to manually create the app/graphql directory
in Nuxt projects, now it's created automatically like server/graphql.

* fix: add optional chaining to prevent errors when extracting base directory from pattern

Author: productdevbook

package.json

@@ -1,7 +1,7 @@
 {
   "name": "nitro-graphql",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "packageManager": "pnpm@10.13.1",
   "description": "GraphQL integration for Nitro",
   "license": "MIT",

src/index.ts

@@ -98,8 +98,10 @@ export default defineNitroModule({
       for (const service of nitro.options.graphql.externalServices) {
         if (service.documents?.length) {
           for (const pattern of service.documents) {
+            if (!pattern)
+              continue
             // Extract directory from pattern for watching
-            const baseDir = pattern.split('**')[0].replace(/\/$/, '') || '.'
+            const baseDir = pattern.split('**')[0]?.replace(/\/$/, '') || '.'
             const resolvedDir = resolve(nitro.options.rootDir, baseDir)
             if (!watchDirs.includes(resolvedDir)) {
               watchDirs.push(resolvedDir)
@@ -385,5 +387,34 @@ declare module 'h3' {
       consola.warn('nitro-graphql: Found context.d.ts file. Please rename it to context.ts for the new structure.')
       consola.info('The context file should now be context.ts instead of context.d.ts')
     }
+
+    // Create client directory for Nuxt projects
+    if (nitro.options.framework.name === 'nuxt') {
+      if (!existsSync(nitro.graphql.clientDir)) {
+        mkdirSync(nitro.graphql.clientDir, { recursive: true })
+      }
+
+      // Create default subdirectory for the new folder structure
+      const defaultDir = join(nitro.graphql.clientDir, 'default')
+      if (!existsSync(defaultDir)) {
+        mkdirSync(defaultDir, { recursive: true })
+      }
+
+      // Create a sample GraphQL query file to help users get started
+      const sampleQueryFile = join(defaultDir, 'queries.graphql')
+      if (!existsSync(sampleQueryFile)) {
+        writeFileSync(sampleQueryFile, `# Example GraphQL queries
+# Add your GraphQL queries here
+
+# query GetUser($id: ID!) {
+#   user(id: $id) {
+#     id
+#     name
+#     email
+#   }
+# }
+`, 'utf-8')
+      }
+    }
   },
 })