feat(core): added support for generated fragments and it's use inside…

… documents

generators/typescript/config.json

@@ -0,0 +1,3 @@
+{
+  "strategy": "SINGLE_FILE"
+}

generators/typescript/graphql-types.d.ts.handlebars

@@ -4,7 +4,7 @@
         {{#each fields}}
         {{ name }}: {{#if isArray}}Array<{{/if}}{{ type }}{{#if isArray}}>{{/if}}{{#unless isRequired}} | null{{/unless}};
         {{/each ~}}
-    };
+    }
 
     {{/if ~}}
 
@@ -13,7 +13,7 @@
         {{#each enumValues }}
         {{ name }} = <any>"{{ value }}"{{#unless @last}},{{/unless}}
         {{/each ~}}
-    };
+    }
 
     {{/if ~}}
 {{/each ~}}
@@ -24,7 +24,7 @@
         {{#each variables}}
         {{ name }}: {{#if isArray}}Array<{{/if}}{{ type }}{{#if isArray}}>{{/if}}{{#unless isRequired}} | null{{/unless}};
         {{/each ~}}
-    };
+    }
 
     {{/if ~}}
 
@@ -41,7 +41,7 @@
             {{#each fields}}
               {{ name }}: {{#if isArray}}Array<{{/if}}{{ type }}{{#if isArray}}>{{/if}};
             {{/each}}
-          };
+          }
           {{/if}}
 
         {{/each ~}}
@@ -51,9 +51,9 @@
           {{#each fields}}
           {{ name }}: {{#if isArray}}Array<{{/if}}{{ type }}{{#if isArray}}>{{/if}};
           {{/each}}
-          };
+          }
 
       {{/each ~}}
-    };
+    }
 
 {{/each ~}}

src/codegen.ts

@@ -3,22 +3,32 @@ import {Codegen, Model, CodegenDocument} from './interfaces';
 import {GraphQLNamedType, DefinitionNode, DocumentNode, Kind} from "graphql";
 import {handleType} from "./model-handler";
 import {handleOperation} from "./operation-handler";
+import {handleFragment} from "./fragment-handler";
 
 export const prepareCodegen = (schema: GraphQLSchema, document: DocumentNode): Codegen => {
   let models: Model[] = [];
-  let documents: CodegenDocument[];
+  let documents: CodegenDocument[] = [];
   let typesMap: GraphQLNamedType = schema.getTypeMap();
 
   Object.keys(typesMap).forEach(typeName => {
     models.push(handleType(typeName, typesMap[typeName]));
   });
 
-  documents = document.definitions.map<CodegenDocument>((definition: DefinitionNode) => {
+  document.definitions.forEach((definition: DefinitionNode) => {
     switch (definition.kind) {
-      case Kind.OPERATION_DEFINITION:
-        return handleOperation(schema, definition);
-      default:
-        return null;
+      case Kind.OPERATION_DEFINITION: {
+        documents.push(handleOperation(schema, definition));
+
+        break;
+      }
+      case Kind.FRAGMENT_DEFINITION: {
+        documents.push(handleFragment(schema, definition));
+
+        break;
+      }
+      default: {
+        break;
+      }
     }
   });
 

src/fragment-handler.ts

@@ -0,0 +1,37 @@
+import {GraphQLSchema} from "graphql/type/schema";
+import {FragmentDefinitionNode} from "graphql/language/ast";
+import {Model, CodegenDocument} from "./interfaces";
+import pascalCase = require("pascal-case");
+import {buildInnerModelsArray} from "./operation-handler";
+import {typeFromAST} from "graphql/utilities/typeFromAST";
+
+export const handleFragment = (schema: GraphQLSchema, fragmentNode: FragmentDefinitionNode): CodegenDocument => {
+  const rawName = fragmentNode.name.value;
+  const fragmentName = pascalCase(rawName);
+
+  let result: CodegenDocument = {
+    name: fragmentName,
+    rawName: rawName,
+    isQuery: false,
+    isSubscription: false,
+    isMutation: false,
+    isFragment: true,
+    innerTypes: [],
+    hasInnerTypes: false,
+    variables: [],
+    hasVariables: false
+  };
+
+  let appendTo: Model = {
+    name: 'Fragment',
+    fields: [],
+    isObject: true,
+    isFragment: true
+  };
+
+  const root = typeFromAST(schema, fragmentNode.typeCondition);
+  result.innerTypes = [appendTo, ...buildInnerModelsArray(schema, root, fragmentNode.selectionSet, appendTo)];
+  result.hasInnerTypes = result.innerTypes.length > 0;
+
+  return result;
+};

src/index.ts

@@ -9,7 +9,7 @@ const schema = loadSchema('./dev-test/githunt/schema.json');
 const documents = loadDocumentsSources([
   './dev-test/githunt/comment.query.graphql' ,
   //'./dev-test/githunt/comment-added.subscription.graphql',
-  // //'./dev-test/githunt/comments-page-comment.fragment.graphql',
+  './dev-test/githunt/comments-page-comment.fragment.graphql',
   //'./dev-test/githunt/current-user.query.graphql',
   //'./dev-test/githunt/vote.mutation.graphql'
 ]);

src/interfaces.ts

@@ -28,6 +28,7 @@ export interface CodegenDocument {
   isQuery: boolean;
   isMutation: boolean;
   isSubscription: boolean;
+  isFragment: boolean;
   name: string;
   rawName: string;
   innerTypes: Model[];

src/operation-handler.ts

@@ -39,7 +39,7 @@ const handleNameDuplications = (name: string, existing: Model[]): string => {
   return name;
 };
 
-const buildInnerModelsArray = (schema: GraphQLSchema, rootObject: GraphQLType, selections: SelectionSetNode, appendTo?: Model, result: Model[] = []): Model[] => {
+export const buildInnerModelsArray = (schema: GraphQLSchema, rootObject: GraphQLType, selections: SelectionSetNode, appendTo?: Model, result: Model[] = []): Model[] => {
   (selections ? selections.selections : []).forEach((selectionNode: SelectionNode) => {
     switch (selectionNode.kind) {
       case FIELD: {
@@ -93,7 +93,7 @@ const buildInnerModelsArray = (schema: GraphQLSchema, rootObject: GraphQLType, s
 
       case FRAGMENT_SPREAD: {
         const fragmentName = selectionNode.name.value;
-        appendTo.fragmentsUsed.push(fragmentName);
+        appendTo.fragmentsUsed.push(pascalCase(fragmentName) + '.Fragment');
         appendTo.usingFragments = appendTo.fragmentsUsed.length > 0;
 
         break;