fix: add typed-document-node plugin to SDK generation

documentMode: 'string' causes visitor-plugin-common to emit
`new TypedDocumentString(...)` calls. The class definition is provided
by @graphql-codegen/typed-document-node plugin via its prepend mechanism.

Without this plugin in the SDK pipeline, the class was undefined at runtime.
Now the official plugin handles it — no custom class injection needed.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: productdevbook

playgrounds/nitro/graphql/default/sdk.ts

@@ -5,28 +5,65 @@
 /* prettier-ignore */
 import type * as Types from '#graphql/client';
 
-import type { DocumentNode, ExecutionResult } from 'graphql';
-import gql from 'graphql-tag';
+import type { DocumentTypeDecoration } from '@graphql-typed-document-node/core';
+import type { ExecutionResult } from 'graphql';
+export class TypedDocumentString<TResult, TVariables>
+  extends String
+  implements DocumentTypeDecoration<TResult, TVariables>
+{
+  __apiType?: NonNullable<DocumentTypeDecoration<TResult, TVariables>['__apiType']>;
+  private value: string;
+  public __meta__?: Record<string, any> | undefined;
 
-export const HelloDocument = /*#__PURE__*/ gql`
+  constructor(value: string, __meta__?: Record<string, any> | undefined) {
+    super(value);
+    this.value = value;
+    this.__meta__ = __meta__;
+  }
+
+  override toString(): string & DocumentTypeDecoration<TResult, TVariables> {
+    return this.value;
+  }
+}
+
+export const HelloDocument = /*#__PURE__*/ new TypedDocumentString(`
+    query Hello {
+  helloCI
+}
+    `) as unknown as TypedDocumentString<Types.HelloQuery, Types.HelloQueryVariables>;
+export const GetUsersDocument = /*#__PURE__*/ new TypedDocumentString(`
+    query GetUsers {
+  users {
+    id
+    name
+  }
+}
+    `) as unknown as TypedDocumentString<Types.GetUsersQuery, Types.GetUsersQueryVariables>;
+export const GetGreetingDocument = /*#__PURE__*/ new TypedDocumentString(`
+    query GetGreeting {
+  greeting(name: "World")
+}
+    `) as unknown as TypedDocumentString<Types.GetGreetingQuery, Types.GetGreetingQueryVariables>;
+
+export const HelloDocument = /*#__PURE__*/ new TypedDocumentString(`
     query Hello {
   helloCI
 }
-    `;
-export const GetUsersDocument = /*#__PURE__*/ gql`
+    `);
+export const GetUsersDocument = /*#__PURE__*/ new TypedDocumentString(`
     query GetUsers {
   users {
     id
     name
   }
 }
-    `;
-export const GetGreetingDocument = /*#__PURE__*/ gql`
+    `);
+export const GetGreetingDocument = /*#__PURE__*/ new TypedDocumentString(`
     query GetGreeting {
   greeting(name: "World")
 }
-    `;
-export type Requester<C = {}, E = unknown> = <R, V>(doc: DocumentNode, vars?: V, options?: C) => Promise<ExecutionResult<R, E>> | AsyncIterable<ExecutionResult<R, E>>
+    `);
+export type Requester<C = {}, E = unknown> = <R, V>(doc: string, vars?: V, options?: C) => Promise<ExecutionResult<R, E>> | AsyncIterable<ExecutionResult<R, E>>
 export function getSdk<C, E>(requester: Requester<C, E>) {
   return {
     Hello(variables?: Types.HelloQueryVariables, options?: C): Promise<ExecutionResult<Types.HelloQuery, E>> {

src/core/codegen/client.ts

@@ -143,14 +143,25 @@ export async function generateClientTypesCore(
     // SDK generation via import-types-preset
     const typesPath = virtualTypesPath || (serviceName ? `#graphql/client/${serviceName}` : '#graphql/client')
 
+    // typed-document-node plugin emits TypedDocumentString class definition
+    // needed when documentMode is 'string' (visitor-plugin-common generates `new TypedDocumentString(...)`)
+    const sdkPlugins: Array<Record<string, object>> = [
+      { typedDocumentNode: {} },
+      { typescriptGenericSdk: {} },
+    ]
+    const sdkPluginMap: Record<string, { plugin: unknown }> = {
+      typedDocumentNode: { plugin: typedDocumentNodePlugin },
+      typescriptGenericSdk: { plugin: typescriptGenericSdk },
+    }
+
     const sdkOutput = await preset.buildGeneratesSection({
       baseOutputDir: outputPath || 'client-types.generated.ts',
       schema: parsedSchema,
       documents: [...documents],
       config: resolvedSdkConfig,
       presetConfig: { typesPath },
-      plugins: [{ typescriptGenericSdk: {} }],
-      pluginMap: { typescriptGenericSdk: { plugin: typescriptGenericSdk } },
+      plugins: sdkPlugins,
+      pluginMap: sdkPluginMap,
     })
 
     const results = await Promise.all(