rn-cli.config.js is created upon ejection

Author: liqwid

react-native-scripts/package.json

@@ -65,13 +65,25 @@
       "node_modules/(?!((jest-)?react-native|react-clone-referenced-element|expo(nent)?|@expo(nent)?/.*|react-navigation))"
     ],
     "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
-    "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "android.ts", "android.tsx"]
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "android.ts",
+      "android.tsx"
+    ]
   },
   "babel": {
-    "presets": ["babel-preset-expo"],
+    "presets": [
+      "babel-preset-expo"
+    ],
     "env": {
       "development": {
-        "plugins": ["transform-react-jsx-source"]
+        "plugins": [
+          "transform-react-jsx-source"
+        ]
       }
     }
   }

react-native-scripts/src/scripts/eject.js

@@ -9,6 +9,7 @@ import rimraf from 'rimraf';
 import spawn from 'cross-spawn';
 import log from '../util/log';
 import { hasYarn } from '../util/pm';
+import { createRnCliConfig } from '../util/typescript';
 
 import { detach } from '../util/expo';
 
@@ -256,6 +257,8 @@ Android Studio to build the native code for your project.`
           });
         }
       }
+
+      await createRnCliConfig();
     } else if (ejectMethod === 'expoKit') {
       await detach();
     } else {

react-native-scripts/src/scripts/init.js

@@ -35,8 +35,8 @@ const DEFAULT_DEV_DEPENDENCIES = {
   'jest-expo': '~27.0.0',
   'react-native-typescript-transformer': '^1.2.3',
   'react-test-renderer': '16.3.1',
-  'tslib': '^1.9.1',
-  'typescript': '^2.8.3',
+  tslib: '^1.9.1',
+  typescript: '^2.8.3',
 };
 
 const WEB_DEFAULT_DEV_DEPENDENCIES = {
@@ -122,19 +122,9 @@ We recommend using npm >= 5.7.0 or yarn.
         useBabelrc: true,
       },
     },
-    moduleFileExtensions: [
-      'ts',
-      'tsx',
-      'js',
-      'jsx',
-      'json',
-      'node',
-    ],
+    moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
     preset: 'jest-expo',
-    testMatch: [
-      '**/__tests__/**/*.[tj]s?(x)',
-      '**/?(*.)(spec|test).[tj]s?(x)',
-    ],
+    testMatch: ['**/__tests__/**/*.[tj]s?(x)', '**/?(*.)(spec|test).[tj]s?(x)'],
     transform: {
       '^.+\\.tsx?$': 'ts-jest',
     },

react-native-scripts/src/scripts/start.js

@@ -68,7 +68,8 @@ async function printServerInfo() {
     emulatorHelp = `Press ${chalk.bold('a')} to start an Android emulator.`;
   }
   qr.generate(address, qrCode => {
-    log(`
+    log(
+      `
 ${indent(qrCode, 2)}
 
 Your app is now running at URL: ${chalk.underline(chalk.cyan(address))}

react-native-scripts/src/util/typescript.js

@@ -0,0 +1,28 @@
+import fse from 'fs-extra';
+import path from 'path';
+import log from './log';
+
+/**
+ * Creates a rn-cli.config.js file
+ * It configures ts transpilation for ejected projects
+ * @link https://github.com/Microsoft/TypeScript-React-Native-Starter#adding-typescript
+ */
+export async function createRnCliConfig() {
+  log(
+    `
+Creating a rn-cli.config.js file.
+It includes typescript transpilation config for react-native
+  `
+  );
+
+  const rnCliConfigContents = `module.exports = {
+  getTransformModulePath() {
+    return require.resolve("react-native-typescript-transformer");
+  },
+  getSourceExts() {
+    return ["ts", "tsx"];
+  }
+};
+  `;
+  await fse.writeFile(path.resolve('rn-cli.config.js'), rnCliConfigContents);
+}