feat: add client type generation and watcher for GraphQL files

- Implemented client type generation in `client-codegen.ts` using GraphQL Code Generator.
- Created a file watcher in `client-watcher.ts` to regenerate client types on file changes.
- Updated `index.ts` to setup the client watcher during development.
- Enhanced type definitions in `types.ts` to support client configuration options.

Author: productdevbook

package.json

@@ -31,6 +31,8 @@
     "@graphql-codegen/core": "^4.0.2",
     "@graphql-codegen/plugin-helpers": "^5.1.1",
     "@graphql-codegen/typescript": "^4.1.6",
+    "@graphql-codegen/typescript-generic-sdk": "^4.0.2",
+    "@graphql-codegen/typescript-operations": "^4.6.1",
     "@graphql-codegen/typescript-resolvers": "^4.5.1",
     "@graphql-tools/graphql-file-loader": "^8.0.20",
     "@graphql-tools/load": "^8.1.0",

playground/client/example.ts

@@ -0,0 +1,48 @@
+mutation CreateUser($input: CreateUserInput!) {
+  createUser(input: $input) {
+    id
+    name
+    email
+    createdAt
+  }
+}
+
+mutation AddTodo($title: String!) {
+  addTodo(title: $title) {
+    id
+    title
+    completed
+    createdAt
+  }
+}
+
+mutation ToggleTodo($id: ID!) {
+  toggleTodo(id: $id) {
+    id
+    title
+    completed
+    createdAt
+  }
+}
+
+mutation DeleteTodo($id: ID!) {
+  deleteTodo(id: $id)
+}
+
+mutation CreatePost($input: CreatePostInput!) {
+  createPost(input: $input) {
+    id
+    title
+    content
+    authorId
+  }
+}
+
+mutation AddComment($input: AddCommentInput!) {
+  addComment(input: $input) {
+    id
+    content
+    postId
+    authorId
+  }
+}

playground/client/mutations.graphql

@@ -0,0 +1,49 @@
+query GetUsers {
+  users {
+    id
+    name
+    email
+    createdAt
+  }
+}
+
+query GetUser($id: ID!) {
+  user(id: $id) {
+    id
+    name
+    email
+    createdAt
+  }
+}
+
+query GetTodos {
+  todos {
+    id
+    title
+    completed
+    createdAt
+  }
+}
+
+query GetPosts {
+  posts {
+    id
+    title
+    content
+    authorId
+  }
+}
+
+query GetPostWithComments($postId: ID!) {
+  post(id: $postId) {
+    id
+    title
+    content
+    authorId
+  }
+  comments(postId: $postId) {
+    id
+    content
+    authorId
+  }
+}

playground/client/queries.graphql

@@ -11,5 +11,12 @@ export default defineNitroConfig({
       origin: '*',
       credentials: true,
     },
+    client: {
+      enabled: true,
+      watchPatterns: [
+        'client/**/*.graphql',
+        'client/**/*.gql',
+      ],
+    },
   },
 })