[TS generator] Make sure the ref names are declared

In cases where we cannot import the correct ref type,
declare it as any.

Author: kastermester

src/TypeScriptGenerator.ts

@@ -465,6 +465,16 @@ function groupRefs(props: Selection[]): Selection[] {
   return result;
 }
 
+function createAnyTypeAlias(name: string): ts.TypeAliasDeclaration {
+  return ts.createTypeAliasDeclaration(
+    undefined,
+    undefined,
+    ts.createIdentifier(name),
+    undefined,
+    ts.createKeywordTypeNode(ts.SyntaxKind.AnyKeyword)
+  );
+}
+
 function getFragmentImports(state: State) {
   const imports: ts.Statement[] = [];
   if (state.usedFragments.size > 0) {
@@ -487,6 +497,10 @@ function getFragmentImports(state: State) {
             relativeReference + path.join(relative, usedFragment + ".graphql")
           )
         );
+      } else {
+        imports.push(
+          createAnyTypeAlias(refTypeName),
+        );
       }
     }
   }

test/__snapshots__/TypeScriptGenerator-test.ts.snap

@@ -64,6 +64,10 @@ fragment ConcreateTypes on Viewer {
 }
 
 ~~~~~~~~~~ OUTPUT ~~~~~~~~~~
+type OtherFragment_ref = any;
+type PictureFragment_ref = any;
+type UserFrag1_ref = any;
+type UserFrag2_ref = any;
 import { FragmentReference } from "relay-runtime";
 export enum FragmentSpread_ref {
 }
@@ -81,6 +85,7 @@ export type FragmentSpread = {
 };
 
 
+type PageFragment_ref = any;
 import { FragmentReference } from "relay-runtime";
 export enum ConcreateTypes_ref {
 }
@@ -205,6 +210,7 @@ export type InlineFragmentConditionalID = {
 };
 
 
+type SomeFragment_ref = any;
 import { FragmentReference } from "relay-runtime";
 export enum InlineFragmentKitchenSink_ref {
 }
@@ -675,6 +681,7 @@ fragment AnotherRecursiveFragment on Image {
 }
 
 ~~~~~~~~~~ OUTPUT ~~~~~~~~~~
+type PhotoFragment_ref = any;
 import { FragmentReference } from "relay-runtime";
 export enum UserProfile_ref {
 }