@graphql-codegen/typed-document-node 3.1.0-alpha-20230313193142-2c6ee68d6 → 3.1.0-alpha-20230314135103-4e732da2e

package/cjs/index.js

@@ -20,9 +20,29 @@ const plugin = (schema, rawDocuments, config) => {
     ];
     const visitor = new visitor_js_1.TypeScriptDocumentNodesVisitor(schema, allFragments, config, documents);
     const visitorResult = (0, plugin_helpers_1.oldVisit)(allAst, { leave: visitor });
+    let content = [];
+    if (config.documentMode === visitor_plugin_common_1.DocumentMode.string) {
+        content = [
+            `\
+export class TypedDocumentString<TResult, TVariables>
+  extends String
+  implements DocumentTypeDecoration<TResult, TVariables>
+{
+  __apiType?: DocumentTypeDecoration<TResult, TVariables>['__apiType'];
+
+  constructor(private value: string, public __meta__?: { hash: string }) {
+    super(value);
+  }
+
+  toString(): string & DocumentTypeDecoration<TResult, TVariables> {
+    return this.value;
+  }
+}`,
+        ];
+    }
     return {
         prepend: allAst.definitions.length === 0 ? [] : visitor.getImports(),
-        content: [visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
+        content: [...content, visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
     };
 };
 exports.plugin = plugin;

package/cjs/visitor.js

@@ -20,7 +20,7 @@ class TypeScriptDocumentNodesVisitor extends visitor_plugin_common_1.ClientSideB
             this._imports.add(tagImport);
         }
         else if (this.config.documentMode === visitor_plugin_common_1.DocumentMode.string) {
-            const tagImport = this._generateImport({ moduleName: '@graphql-typed-document-node/core', propName: 'TypedDocumentString' }, 'TypedDocumentString', true);
+            const tagImport = this._generateImport({ moduleName: '@graphql-typed-document-node/core', propName: 'DocumentTypeDecoration' }, 'DocumentTypeDecoration', true);
             this._imports.add(tagImport);
         }
     }

package/esm/index.js

@@ -1,6 +1,6 @@
 import { extname } from 'path';
 import { oldVisit } from '@graphql-codegen/plugin-helpers';
-import { optimizeOperations, } from '@graphql-codegen/visitor-plugin-common';
+import { DocumentMode, optimizeOperations, } from '@graphql-codegen/visitor-plugin-common';
 import { concatAST, Kind } from 'graphql';
 import { TypeScriptDocumentNodesVisitor } from './visitor.js';
 export const plugin = (schema, rawDocuments, config) => {
@@ -17,9 +17,29 @@ export const plugin = (schema, rawDocuments, config) => {
     ];
     const visitor = new TypeScriptDocumentNodesVisitor(schema, allFragments, config, documents);
     const visitorResult = oldVisit(allAst, { leave: visitor });
+    let content = [];
+    if (config.documentMode === DocumentMode.string) {
+        content = [
+            `\
+export class TypedDocumentString<TResult, TVariables>
+  extends String
+  implements DocumentTypeDecoration<TResult, TVariables>
+{
+  __apiType?: DocumentTypeDecoration<TResult, TVariables>['__apiType'];
+
+  constructor(private value: string, public __meta__?: { hash: string }) {
+    super(value);
+  }
+
+  toString(): string & DocumentTypeDecoration<TResult, TVariables> {
+    return this.value;
+  }
+}`,
+        ];
+    }
     return {
         prepend: allAst.definitions.length === 0 ? [] : visitor.getImports(),
-        content: [visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
+        content: [...content, visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
     };
 };
 export const validate = async (_schema, _documents, _config, outputFile) => {

package/esm/visitor.js

@@ -16,7 +16,7 @@ export class TypeScriptDocumentNodesVisitor extends ClientSideBaseVisitor {
             this._imports.add(tagImport);
         }
         else if (this.config.documentMode === DocumentMode.string) {
-            const tagImport = this._generateImport({ moduleName: '@graphql-typed-document-node/core', propName: 'TypedDocumentString' }, 'TypedDocumentString', true);
+            const tagImport = this._generateImport({ moduleName: '@graphql-typed-document-node/core', propName: 'DocumentTypeDecoration' }, 'DocumentTypeDecoration', true);
             this._imports.add(tagImport);
         }
     }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@graphql-codegen/typed-document-node",
-  "version": "3.1.0-alpha-20230313193142-2c6ee68d6",
+  "version": "3.1.0-alpha-20230314135103-4e732da2e",
   "description": "GraphQL Code Generator plugin for generating ready-to-use TypedDocumentNode based on GraphQL operations",
   "peerDependencies": {
     "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
   },
   "dependencies": {
     "change-case-all": "1.0.15",
-    "@graphql-codegen/plugin-helpers": "4.1.1-alpha-20230313193142-2c6ee68d6",
+    "@graphql-codegen/plugin-helpers": "4.1.1-alpha-20230314135103-4e732da2e",
     "@graphql-codegen/visitor-plugin-common": "3.0.2",
     "auto-bind": "~4.0.0",
     "tslib": "~2.5.0"