Handle unnamed operations

Author: eddeee888

packages/presets/near-operation-file/src/fragment-resolver.ts

@@ -101,7 +101,7 @@ function buildFragmentRegistry(
       }
 
       const fragmentName = fragment.name.value;
-      const filePath = generateFilePath(documentRecord.location);
+      const filePath = generateFilePath(documentRecord.location, fragmentName);
       const possibleTypes = getPossibleTypes(schemaObject, schemaType);
       const possibleTypeNames = possibleTypes.map(t => t.name);
       const imports = createFragmentImports(baseVisitor, fragment.name.value, possibleTypeNames);

packages/presets/near-operation-file/src/index.ts

@@ -202,7 +202,7 @@ export type NearOperationFileConfig = {
   importTypesNamespace?: string;
 
   /**
-   * @description Optional, generates a file per operation
+   * @description Optional, generates one file per operation, using the operation name as the filename. Note: if your documents are in `.graphql` files and there are multiple operations or fragments in a single file, the generated filename will be based on the first operation or fragment found.
    * @default false
    *
    * @exampleMarkdown
@@ -264,12 +264,14 @@ export const preset: Types.OutputPreset<NearOperationFileConfig> = {
       schemaObject,
       {
         baseDir,
-        generateFilePath(location, operationName) {
+        generateFilePath(location, customFilename) {
           const newFilePath = defineFilepathSubfolder(location, folder);
 
           return appendFileNameToFilePath(
             newFilePath,
-            filePerOperation ? operationName : fileName,
+            filePerOperation
+              ? customFilename // Note: Unnamed operations will cause `operationName` to be undefined. In such case, the generated filename will be based on the source document file.
+              : fileName,
             extension,
           );
         },

packages/presets/near-operation-file/src/resolve-document-imports.ts

@@ -1,4 +1,4 @@
-import { FragmentDefinitionNode, GraphQLSchema } from 'graphql';
+import { FragmentDefinitionNode, GraphQLSchema, Kind, OperationDefinitionNode } from 'graphql';
 import { isUsingTypes, Types } from '@graphql-codegen/plugin-helpers';
 import {
   FragmentImport,
@@ -25,7 +25,7 @@ export type DocumentImportResolverOptions = {
   /**
    * Generates a target file path from the source `document.location`
    */
-  generateFilePath: (location: string, operationName: string) => string;
+  generateFilePath: (location: string, customFilename?: string) => string;
   /**
    * Schema base types source
    */
@@ -69,12 +69,11 @@ export function resolveDocumentImports<T>(
 
   return documents.map(documentFile => {
     try {
-      // FIXME
-      const operationName =
-        documentFile.document.definitions.find(d => d.kind === 'OperationDefinition')?.name
-          ?.value ?? documentFile.document.definitions[0].name.value;
+      const operationOrFragmentName = documentFile.document.definitions.find(
+        d => d.kind === Kind.OPERATION_DEFINITION || d.kind === Kind.FRAGMENT_DEFINITION,
+      )?.name?.value;
 
-      const generatedFilePath = generateFilePath(documentFile.location, operationName);
+      const generatedFilePath = generateFilePath(documentFile.location, operationOrFragmentName);
       const importStatements: string[] = [];
       const { externalFragments, fragmentImports } = resolveFragments(
         generatedFilePath,

packages/presets/near-operation-file/tests/fixtures/file-per-operation.1.graphql.ts

@@ -13,3 +13,11 @@
     }
   }
 `;
+
+/* GraphQL */ `
+  query {
+    anon: user {
+      __typename
+    }
+  }
+`;

packages/presets/near-operation-file/tests/near-operation-file.spec.ts

@@ -1438,7 +1438,7 @@ describe('near-operation-file preset', () => {
       },
     });
 
-    expect(result.length).toBe(5);
+    expect(result.length).toBe(6);
 
     const file1a = result.find(file => file.filename.endsWith('User1a.generated.ts'));
     expect(file1a.content).toMatchInlineSnapshot(`
@@ -1458,6 +1458,18 @@ describe('near-operation-file preset', () => {
       "
     `);
 
+    // Unnamed operations falls back to source doc filename
+    const file1c = result.find(file =>
+      file.filename.endsWith('file-per-operation.1.graphql.generated.ts'),
+    );
+    expect(file1c.content).toMatchInlineSnapshot(`
+      "export type Unnamed_1_QueryVariables = Exact<{ [key: string]: never; }>;
+
+
+      export type Unnamed_1_Query = { __typename?: 'Query', anon?: { __typename: 'User' } | null };
+      "
+    `);
+
     const file2 = result.find(file => file.filename.endsWith('User2.generated.ts'));
     expect(file2.content).toMatchInlineSnapshot(`
       "export type User2QueryVariables = Exact<{ [key: string]: never; }>;