Fixing TypeScript 4.5 type generation (#519)

* fixing issues for TypeScript 4.5

* update peer dependenies

* update readme

Author: fxOne

README.md

@@ -14,7 +14,7 @@ yarn add graphql relay-compiler --dev
 yarn add typescript relay-compiler-language-typescript --dev
 ```
 
-**Note:** Starting with version 14.0.0 relay-compiler-language-typescript requires a minimum TypeScript version of 4.2.3 being installed in your project.
+**Note:** Starting with version 15.0.0 relay-compiler-language-typescript requires a minimum TypeScript version of 4.5.0 being installed in your project.
 
 ## Configuration
 
@@ -74,12 +74,12 @@ where the `graphql` function is being used.
 *The generated code uses ES2015 module syntax if `module` is set to ES2015 or
 higher in your `tsconfig.json`. Note that the `eagerESModules` option from
 `relay-compiler` has no effect on the generated code if `module` is ES2015 or
-higher.* 
+higher.*
 
 #### Custom Headers
 
 If you need to add a custom header to generated files, perhaps for a custom linter
-or to get boilerplate license code in, that can be passed in also in compilerOptions 
+or to get boilerplate license code in, that can be passed in also in compilerOptions
 as `banner`:
 
 ```json

package.json

@@ -96,14 +96,14 @@
     "ts-node": "^10.2.1",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "4.4.4"
+    "typescript": "4.5.2"
   },
   "peerDependencies": {
     "@types/react-relay": ">=11.0.2",
     "@types/relay-runtime": ">=12.0.0",
     "relay-compiler": ">=12.0.0",
     "relay-runtime": ">=12.0.0",
-    "typescript": ">=4.2.3"
+    "typescript": ">=4.5.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

src/TypeScriptGenerator.ts

@@ -87,6 +87,7 @@ function aggregateRuntimeImports(ast: ts.Statement[]) {
     const importSpecifiers: ts.ImportSpecifier[] = [];
     namedImports.map((namedImport) => {
       const specifier = ts.factory.createImportSpecifier(
+        false,
         undefined,
         ts.factory.createIdentifier(namedImport)
       );
@@ -423,6 +424,7 @@ function importTypes(names: string[], fromModule: string): ts.Statement {
         ts.factory.createNamedImports(
           names.map((name) =>
             ts.factory.createImportSpecifier(
+              false,
               undefined,
               ts.factory.createIdentifier(name)
             )
@@ -1083,6 +1085,7 @@ function getFragmentRefsTypeImport(state: State): ts.Statement[] {
           undefined,
           ts.factory.createNamedImports([
             ts.factory.createImportSpecifier(
+              false,
               undefined,
               ts.factory.createIdentifier("FragmentRefs")
             ),

yarn.lock

@@ -3541,10 +3541,10 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typescript@4.4.4:
-  version "4.4.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.4.4.tgz#2cd01a1a1f160704d3101fd5a58ff0f9fcb8030c"
-  integrity sha512-DqGhF5IKoBl8WNf8C1gu8q0xZSInh9j1kJJMqT3a94w1JzVaBU4EXOSMrz9yDqMT0xt3selp83fuFMQ0uzv6qA==
+typescript@4.5.2:
+  version "4.5.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.2.tgz#8ac1fba9f52256fdb06fb89e4122fa6a346c2998"
+  integrity sha512-5BlMof9H1yGt0P8/WF+wPNw6GfctgGjXp5hkblpyT+8rkASSmkUKMXrxR0Xg8ThVCi/JnHQiKXeBaEwCeQwMFw==
 
 typescript@^3.0.0:
   version "3.9.10"