[generator] Add support for @match directive.

Fixes #113

Author: alloy

src/TypeScriptGenerator.ts

@@ -9,7 +9,7 @@ import {
 } from "relay-compiler";
 import * as RelayCompilerPublic from "relay-compiler";
 
-import { GraphQLNonNull } from "graphql";
+import { GraphQLNonNull, GraphQLString } from "graphql";
 import * as ts from "typescript";
 
 import {
@@ -424,6 +424,24 @@ function createVisitor(options: TypeGeneratorOptions) {
           }
         ];
       },
+      ModuleImport(node: any) {
+        return [
+          {
+            key: "__fragmentPropName",
+            conditional: true,
+            value: transformScalarType(GraphQLString, state)
+          },
+          {
+            key: "__module_component",
+            conditional: true,
+            value: transformScalarType(GraphQLString, state)
+          },
+          {
+            key: "__fragments_" + node.name,
+            ref: node.name
+          }
+        ];
+      },
       FragmentSpread(node: any) {
         state.usedFragments.add(node.name);
         return [

test/__snapshots__/TypeScriptGenerator-test.ts.snap

@@ -372,9 +372,15 @@ export type NameRendererFragment$ref = typeof _NameRendererFragment$ref;
 export type NameRendererFragment = {
     readonly id: string;
     readonly nameRenderer: ({
-        readonly __module_component?: any | null;
+        readonly __fragmentPropName?: string | null;
+        readonly __module_component?: string | null;
+        readonly " $fragmentRefs": PlainUserNameRenderer_name$ref & MarkdownUserNameRenderer_name$ref;
     } & ({
-        readonly __module_component: any | null;
+        readonly __fragmentPropName?: string | null;
+        readonly __module_component: string | null;
+        readonly " $fragmentRefs": PlainUserNameRenderer_name$ref;
+    } | {
+        readonly " $fragmentRefs": MarkdownUserNameRenderer_name$ref;
     } | {
         /*This will never be '% other', but we need some
         value in case none of the concrete values match.*/
@@ -441,9 +447,15 @@ export type NameRendererQueryVariables = {
 export type NameRendererQueryResponse = {
     readonly me: {
         readonly nameRenderer: ({
-            readonly __module_component?: any | null;
+            readonly __fragmentPropName?: string | null;
+            readonly __module_component?: string | null;
+            readonly " $fragmentRefs": PlainUserNameRenderer_name$ref & MarkdownUserNameRenderer_name$ref;
         } & ({
-            readonly __module_component: any | null;
+            readonly __fragmentPropName?: string | null;
+            readonly __module_component: string | null;
+            readonly " $fragmentRefs": PlainUserNameRenderer_name$ref;
+        } | {
+            readonly " $fragmentRefs": MarkdownUserNameRenderer_name$ref;
         } | {
             /*This will never be '% other', but we need some
             value in case none of the concrete values match.*/
@@ -1514,9 +1526,15 @@ export type NameRendererFragment$ref = any;
 export type NameRendererFragment = {
     readonly id: string;
     readonly nameRenderer: ({
-        readonly __module_component?: any | null;
+        readonly __fragmentPropName?: string | null;
+        readonly __module_component?: string | null;
+        readonly " $fragmentRefs": PlainUserNameRenderer_name$ref & MarkdownUserNameRenderer_name$ref;
     } & ({
-        readonly __module_component: any | null;
+        readonly __fragmentPropName?: string | null;
+        readonly __module_component: string | null;
+        readonly " $fragmentRefs": PlainUserNameRenderer_name$ref;
+    } | {
+        readonly " $fragmentRefs": MarkdownUserNameRenderer_name$ref;
     } | {
         /*This will never be '% other', but we need some
         value in case none of the concrete values match.*/
@@ -1581,9 +1599,15 @@ export type NameRendererQueryVariables = {
 export type NameRendererQueryResponse = {
     readonly me: {
         readonly nameRenderer: ({
-            readonly __module_component?: any | null;
+            readonly __fragmentPropName?: string | null;
+            readonly __module_component?: string | null;
+            readonly " $fragmentRefs": PlainUserNameRenderer_name$ref & MarkdownUserNameRenderer_name$ref;
         } & ({
-            readonly __module_component: any | null;
+            readonly __fragmentPropName?: string | null;
+            readonly __module_component: string | null;
+            readonly " $fragmentRefs": PlainUserNameRenderer_name$ref;
+        } | {
+            readonly " $fragmentRefs": MarkdownUserNameRenderer_name$ref;
         } | {
             /*This will never be '% other', but we need some
             value in case none of the concrete values match.*/