feat: ✨ allow #import syntax in graphql files

Co-authored-by: wubolin001 <[email protected]>

package.json

@@ -49,6 +49,7 @@
     "@graphql-codegen/typed-document-node": "^5.0.7",
     "@graphql-codegen/typescript": "^4.0.7",
     "@graphql-codegen/typescript-operations": "^4.2.1",
+    "@graphql-tools/graphql-file-loader": "^8.0.1",
     "@graphql-tools/load": "^8.0.2",
     "commander": "^12.1.0",
     "esbuild": "^0.21.4",

src/declarations.ts

@@ -1,8 +1,8 @@
 import type { DocumentNode } from 'graphql';
 import { loadDocuments } from '@graphql-tools/load';
+import { GraphQLFileLoader } from '@graphql-tools/graphql-file-loader';
 import { writeFile } from 'fs/promises';
 import { codegenTypedDocumentNode } from './utils';
-import { readFile } from 'fs/promises';
 import { GraphQLPluginOptions } from '.';
 
 /**
@@ -24,9 +24,7 @@ export async function writeOperationDeclarations(
     options: GraphQLPluginOptions = {},
     schemaImports = ''
 ) {
-    const operationSrc = await readFile(path, 'utf-8');
-
-    const [doc] = await loadDocuments(operationSrc, { loaders: [] });
+    const [doc] = await loadDocuments(path, { loaders: [new GraphQLFileLoader()] });
 
     const typeScript = await codegenTypedDocumentNode(
         schema,

src/index.ts

@@ -8,6 +8,7 @@ import type { DocumentNode } from 'graphql';
 import { DeclarationWriter } from './declarations_writer';
 import { TypeScriptPluginConfig } from '@graphql-codegen/typescript';
 import type { TypeScriptDocumentsPluginConfig } from '@graphql-codegen/typescript-operations';
+import { GraphQLFileLoader } from '@graphql-tools/graphql-file-loader';
 
 const EXT = /\.(gql|graphql)$/;
 
@@ -134,7 +135,7 @@ export default function typedGraphQLPlugin(options: GraphQLPluginOptions = {}):
 
             resetGQLTagCaches();
 
-            const [doc] = await loadDocuments(src, { loaders: [] });
+            const [doc] = await loadDocuments(id, { loaders: [new GraphQLFileLoader()] });
 
             return {
                 code: await codegenTypedDocumentNode(SCHEMA, doc, {