@nrwl/react-native 13.4.5 → 13.4.6

package/README.md

@@ -17,38 +17,9 @@
 
 # React Native Plugin for Nx
 
-## What is Nx?
+# Smart, Fast and Extensible Build System
 
-🔎 **Smart, Fast and Extensible Build System**
-
-Nx is a smart, fast and extensible build system. It comes with first class monorepo support and powerful integrations.
-
-### Best-in-Class Support for Monorepos
-
-<strong>Nx</strong> provides distributed graph-based task execution and computation caching.
-
-<strong>Nx</strong> is smart. It analyzes your workspace and figures out what can be affected by every code change.
-That's why Nx doesn't rebuild and retest everything on every commit--<strong>it only rebuilds what is necessary</strong>
-.
-
-<strong>Nx</strong> partitions commands into a graph of smaller tasks. Nx then runs those tasks in parallel,
-and <strong>it can even distribute them across multiple machines without any configuration</strong>.
-
-<strong>Nx also uses a distributed computation cache.</strong> If someone has already built or tested similar code, Nx
-will use their results to speed up the command for everyone else.
-
-### Holistic Dev Experience Powered by an Advanced CLI and Editor Plugins
-
-<strong>Nx</strong> helps scale your development from one team building one application to many teams building multiple
-frontend and backend applications all in the same workspace. <strong >When using Nx, developers have a holistic dev
-experience powered by an advanced CLI</strong > (with editor plugins), capabilities for controlled code sharing and
-consistent code generation.
-
-### Rich Plugin Ecosystem
-
-<strong>Nx</strong> is an open platform with plugins for many modern tools and frameworks. It has support for
-TypeScript, React, Angular, Cypress, Jest, Prettier, Nest.js, Next.js, Storybook, Ionic among others. With Nx, you get a
-consistent dev experience regardless of the tools used.
+Nx is a next generation build system with first class monorepo support and powerful integrations.
 
 
 ## Getting Started
@@ -77,8 +48,9 @@ The `create-nx-workspace` command will ask you to select a preset, which will co
 
 ```
 ? What to create in the new workspace (Use arrow keys)
-❯ empty             [an empty workspace with a layout that works best for building apps]
-  npm               [an empty workspace set up to publish npm packages (similar to and compatible with yarn workspaces)]
+❯ apps              [an empty workspace with no plugins with a layout that works best for building apps]
+  core              [an empty workspace with no plugins set up to publish npm packages (similar to yarn workspaces)]
+  ts                [an empty workspace with the JS/TS plugin preinstalled]
   react             [a workspace with a single React application]
   angular           [a workspace with a single Angular application]
   next.js           [a workspace with a single Next.js application]
@@ -86,12 +58,20 @@ The `create-nx-workspace` command will ask you to select a preset, which will co
   nest              [a workspace with a single Nest application]
   express           [a workspace with a single Express application]
   web components    [a workspace with a single app built using web components]
+  react-native      [a workspace with a single React Native application]
   react-express     [a workspace with a full stack application (React + Express)]
-  angular-nest      [a workspace with a full stack application (Angular + Nest)]
 ```
 
 Select the preset that works best for you.
 
+### Adding Nx to an Existing Monorepo
+
+Run:
+
+```bash
+npx add-nx-to-monorepo@latest
+```
+
 
 ## Table of Contents
 

package/executors.json

@@ -13,7 +13,7 @@
     "bundle": {
       "implementation": "./src/executors/bundle/bundle.impl",
       "schema": "./src/executors/bundle/schema.json",
-      "description": "Builds the JS bundle."
+      "description": "Builds the JavaScript bundle for offline use."
     },
     "build-android": {
       "implementation": "./src/executors/build-android/build-android.impl",
@@ -23,7 +23,7 @@
     "start": {
       "implementation": "./src/executors/start/start.impl",
       "schema": "./src/executors/start/schema.json",
-      "description": "Starts the dev server for JS bundle."
+      "description": "Starts the Javascript server that communicates with connected devices."
     },
     "sync-deps": {
       "implementation": "./src/executors/sync-deps/sync-deps.impl",
@@ -50,7 +50,7 @@
     "bundle": {
       "implementation": "./src/executors/bundle/compat",
       "schema": "./src/executors/bundle/schema.json",
-      "description": "Builds the JS bundle."
+      "description": "Builds the JavaScript bundle for offline use."
     },
     "build-android": {
       "implementation": "./src/executors/build-android/compat",
@@ -60,7 +60,7 @@
     "start": {
       "implementation": "./src/executors/start/compat",
       "schema": "./src/executors/start/schema.json",
-      "description": "Starts the dev server for JS bundle."
+      "description": "Starts the Javascript server that communicates with connected devices."
     },
     "sync-deps": {
       "implementation": "./src/executors/sync-deps/compat",

package/generators.json

@@ -14,19 +14,19 @@
       "schema": "./src/generators/application/schema.json",
       "aliases": ["app"],
       "x-type": "application",
-      "description": "Create an application"
+      "description": "Create a React Native application"
     },
     "library": {
       "factory": "./src/generators/library/library#reactNativeLibrarySchematic",
       "schema": "./src/generators/library/schema.json",
       "aliases": ["lib"],
       "x-type": "library",
-      "description": "Create a library"
+      "description": "Create a React Native library"
     },
     "component": {
       "factory": "./src/generators/component/component#reactNativeComponentSchematic",
       "schema": "./src/generators/component/schema.json",
-      "description": "Create a component",
+      "description": "Create a React Native component",
       "aliases": ["c"]
     }
   },
@@ -42,19 +42,19 @@
       "schema": "./src/generators/application/schema.json",
       "aliases": ["app"],
       "x-type": "application",
-      "description": "Create an application"
+      "description": "Create a React Native application"
     },
     "library": {
       "factory": "./src/generators/library/library#reactNativeLibraryGenerator",
       "schema": "./src/generators/library/schema.json",
       "aliases": ["lib"],
       "x-type": "library",
-      "description": "Create a library"
+      "description": "Create a React Native library"
     },
     "component": {
       "factory": "./src/generators/component/component#reactNativeComponentGenerator",
       "schema": "./src/generators/component/schema.json",
-      "description": "Create a component",
+      "description": "Create a React Native component",
       "aliases": ["c"]
     }
   }

package/migrations.json

@@ -11,6 +11,18 @@
       "cli": "nx",
       "description": "Add support to display svg in react native",
       "factory": "./src/migrations/update-12-10-0/add-react-native-svg-12-10-0"
+    },
+    "update-react-native-typing-svg-13-5-0": {
+      "version": "13.5.0-beta.0",
+      "cli": "nx",
+      "description": "Update typing for svg in react native",
+      "factory": "./src/migrations/update-13-5-0/update-react-native-typing-svg-13-5-0"
+    },
+    "add-babel-config-root-13-5-0": {
+      "version": "13.5.0-beta.0",
+      "cli": "nx",
+      "description": "Add babel.config.json at root for react native workspace if it does not exist",
+      "factory": "./src/migrations/update-13-5-0/add-babel-config-root-13-5-0"
     }
   },
   "packageJsonUpdates": {
@@ -279,6 +291,48 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "13.5.0": {
+      "version": "13.5.0-beta.0",
+      "packages": {
+        "react-native": {
+          "version": "0.66.4",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-native": {
+          "version": "0.66.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@react-native-community/cli": {
+          "version": "6.3.1",
+          "alwaysAddToPackageJson": false
+        },
+        "@react-native-community/cli-platform-android": {
+          "version": "6.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@react-native-community/cli-platform-ios": {
+          "version": "6.2.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@testing-library/react-native": {
+          "version": "9.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-svg-transformer": {
+          "version": "1.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@babel/runtime": {
+          "version": "7.16.7",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-config": {
+          "version": "1.4.5",
+          "alwaysAddToPackageJson": false,
+          "addToPackageJson": "devDependencies"
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrwl/react-native",
-  "version": "13.4.5",
+  "version": "13.4.6",
   "description": "React Native Plugin for Nx",
   "keywords": [
     "Monorepo",
@@ -24,12 +24,12 @@
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@nrwl/detox": "13.4.5",
-    "@nrwl/devkit": "13.4.5",
-    "@nrwl/jest": "13.4.5",
-    "@nrwl/linter": "13.4.5",
-    "@nrwl/react": "13.4.5",
-    "@nrwl/workspace": "13.4.5",
+    "@nrwl/detox": "13.4.6",
+    "@nrwl/devkit": "13.4.6",
+    "@nrwl/jest": "13.4.6",
+    "@nrwl/linter": "13.4.6",
+    "@nrwl/react": "13.4.6",
+    "@nrwl/workspace": "13.4.6",
     "chalk": "^4.1.0",
     "enhanced-resolve": "^5.8.3",
     "fs-extra": "^9.1.0",
@@ -39,7 +39,7 @@
     "tsconfig-paths": "^3.9.0"
   },
   "peerDependencies": {
-    "react-native": "^0.66.2"
+    "react-native": "^0.66.4"
   },
   "builders": "./executors.json",
   "ng-update": {

package/plugins/jest/svg-mock.js

@@ -1,5 +1,4 @@
 // From https://github.com/kristerkari/react-native-svg-transformer#usage-with-jest
-// __mocks__/svgMock.js
 module.exports = 'SvgMock';
 module.exports.ReactComponent = 'SvgMock';
 //# sourceMappingURL=svg-mock.js.map

package/plugins/jest/svg-mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-mock.js","sourceRoot":"","sources":["../../../../../packages/react-native/plugins/jest/svg-mock.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,uBAAuB;AACvB,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;AAC3B,MAAM,CAAC,OAAO,CAAC,cAAc,GAAG,SAAS,CAAC"}
+{"version":3,"file":"svg-mock.js","sourceRoot":"","sources":["../../../../../packages/react-native/plugins/jest/svg-mock.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;AAC3B,MAAM,CAAC,OAAO,CAAC,cAAc,GAAG,SAAS,CAAC"}

package/project.json

@@ -44,20 +44,25 @@
             "output": "/"
           },
           {
-            "input": "./packages/react-native/src",
+            "input": "packages/react-native/src",
             "glob": "**/*.!(ts)",
-            "output": "./src"
+            "output": "/src"
           },
           {
-            "input": "./packages/react-native",
+            "input": "packages/react-native",
             "glob": "*.rb",
-            "output": "."
+            "output": "/"
           },
           {
-            "input": "./packages/react-native",
+            "input": "packages/react-native",
             "glob": "**/*.json",
             "ignore": ["**/tsconfig*.json"],
             "output": "/"
+          },
+          {
+            "input": "packages/react-native",
+            "glob": "**/*.d.ts",
+            "output": "/"
           }
         ]
       },

package/src/generators/application/files/app/android/app/build.gradle.template

@@ -1,4 +1,5 @@
 apply plugin: "com.android.application"
+apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
 
 import com.android.build.OutputFile
 
@@ -208,6 +209,7 @@ dependencies {
     implementation fileTree(dir: "libs", include: ["*.jar"])
     //noinspection GradleDynamicVersion
     implementation "com.facebook.react:react-native:+"  // From node_modules
+    implementation project(':react-native-config')
 
     implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
 

package/src/generators/application/files/app/android/app/src/main/java/com/__lowerCaseName__/MainApplication.java.template

@@ -4,6 +4,7 @@ import android.app.Application;
 import android.content.Context;
 import com.facebook.react.PackageList;
 import com.facebook.react.ReactApplication;
+import com.lugg.ReactNativeConfig.ReactNativeConfigPackage;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;

package/src/generators/application/files/app/android/settings.gradle.template

@@ -1,5 +1,8 @@
 rootProject.name = '<%= className %>'
 
+include ':react-native-config'
+project(':react-native-config').projectDir = new File(rootProject.projectDir, '../../../node_modules/react-native-config/android')
+
 apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle");
 applyNativeModulesSettingsGradle(settings)
 

package/src/generators/application/files/app/package.json.template

@@ -7,6 +7,7 @@
     "@testing-library/react-native": "*",
     "react": "*",
     "react-native": "*",
+    "react-native-config": "*",
     "react-native-svg": "*"
   }
 }

package/src/generators/application/files/app/src/app/App.tsx.template

@@ -75,7 +75,7 @@ const App = () => {
             </View>
           </View>
           <View style={styles.section}>
-            <View style={[styles.middleContent, styles.shadowBox]}>
+            <View style={[styles.shadowBox]}>
               <Text style={[styles.marginBottomMd, styles.textLg]}>
                 Learning materials
               </Text>
@@ -371,7 +371,7 @@ const styles = StyleSheet.create({
   },
   monospace: {
     color: '#ffffff',
-    fontFamily: 'Courier',
+    fontFamily: 'Courier New',
     marginVertical: 4,
   },
   comment: {

package/src/generators/application/files/app/tsconfig.app.json.template

@@ -4,6 +4,6 @@
     "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": ["node"]
   },
-  "exclude": ["**/*.spec.ts", "**/*.spec.tsx"],
+  "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "test-setup.ts"],
   "include": ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"]
 }

package/src/generators/application/files/app/tsconfig.json.template

@@ -10,7 +10,7 @@
     "resolveJsonModule": true
   },
   "files": [
-    "../../node_modules/@nrwl/react/typings/image.d.ts"
+    "../../node_modules/@nrwl/react-native/typings/svg.d.ts"
   ],
   "include": [],
   "references": [

package/src/generators/init/init.js

@@ -4,16 +4,18 @@ exports.reactNativeInitSchematic = exports.updateDependencies = exports.reactNat
 const tslib_1 = require("tslib");
 const set_default_collection_1 = require("@nrwl/workspace/src/utilities/set-default-collection");
 const devkit_1 = require("@nrwl/devkit");
-const versions_1 = require("../../utils/versions");
 const run_tasks_in_serial_1 = require("@nrwl/workspace/src/utilities/run-tasks-in-serial");
-const add_git_ignore_entry_1 = require("./lib/add-git-ignore-entry");
 const jest_1 = require("@nrwl/jest");
 const detox_1 = require("@nrwl/detox");
-const versions_2 = require("@nrwl/react/src/utils/versions");
+const versions_1 = require("@nrwl/react/src/utils/versions");
+const versions_2 = require("../../utils/versions");
+const add_git_ignore_entry_1 = require("./lib/add-git-ignore-entry");
+const init_root_babel_config_1 = require("./lib/init-root-babel-config");
 function reactNativeInitGenerator(host, schema) {
     return (0, tslib_1.__awaiter)(this, void 0, void 0, function* () {
         (0, set_default_collection_1.setDefaultCollection)(host, '@nrwl/react-native');
         (0, add_git_ignore_entry_1.addGitIgnoreEntry)(host);
+        (0, init_root_babel_config_1.initRootBabelConfig)(host);
         const tasks = [moveDependency(host), updateDependencies(host)];
         if (!schema.unitTestRunner || schema.unitTestRunner === 'jest') {
             const jestTask = (0, jest_1.jestInitGenerator)(host, {});
@@ -33,12 +35,12 @@ exports.reactNativeInitGenerator = reactNativeInitGenerator;
 function updateDependencies(host) {
     const isPnpm = (0, devkit_1.detectPackageManager)(host.root) === 'pnpm';
     return (0, devkit_1.addDependenciesToPackageJson)(host, {
-        react: versions_2.reactVersion,
-        'react-native': versions_1.reactNativeVersion,
-    }, Object.assign({ '@nrwl/react-native': versions_1.nxVersion, '@types/react': versions_2.typesReactVersion, '@types/react-native': versions_1.typesReactNativeVersion, '@react-native-community/cli': versions_1.reactNativeCommunityCli, '@react-native-community/cli-platform-android': versions_1.reactNativeCommunityCliAndroid, '@react-native-community/cli-platform-ios': versions_1.reactNativeCommunityCliIos, 'metro-react-native-babel-preset': versions_1.metroReactNativeBabelPresetVersion, '@testing-library/react-native': versions_1.testingLibraryReactNativeVersion, '@testing-library/jest-native': versions_1.testingLibraryJestNativeVersion, 'jest-react-native': versions_1.jestReactNativeVersion, metro: versions_1.metroVersion, 'metro-resolver': versions_1.metroVersion, 'react-test-renderer': versions_1.reactTestRendererVersion, 'react-native-svg-transformer': versions_1.reactNativeSvgTransformerVersion, 'react-native-svg': versions_1.reactNativeSvgVersion }, (isPnpm
+        react: versions_1.reactVersion,
+        'react-native': versions_2.reactNativeVersion,
+    }, Object.assign({ '@nrwl/react-native': versions_2.nxVersion, '@types/react': versions_1.typesReactVersion, '@types/react-native': versions_2.typesReactNativeVersion, '@react-native-community/cli': versions_2.reactNativeCommunityCli, '@react-native-community/cli-platform-android': versions_2.reactNativeCommunityCliAndroid, '@react-native-community/cli-platform-ios': versions_2.reactNativeCommunityCliIos, 'metro-react-native-babel-preset': versions_2.metroReactNativeBabelPresetVersion, '@testing-library/react-native': versions_2.testingLibraryReactNativeVersion, '@testing-library/jest-native': versions_2.testingLibraryJestNativeVersion, 'jest-react-native': versions_2.jestReactNativeVersion, metro: versions_2.metroVersion, 'metro-resolver': versions_2.metroVersion, 'react-test-renderer': versions_2.reactTestRendererVersion, 'react-native-svg-transformer': versions_2.reactNativeSvgTransformerVersion, 'react-native-svg': versions_2.reactNativeSvgVersion, 'react-native-config': versions_2.reactNativeConfigVersion }, (isPnpm
         ? {
-            'metro-config': versions_1.metroVersion,
-            '@babel/runtime': versions_1.babelRuntimeVersion, // @babel/runtime is used by react-native-svg
+            'metro-config': versions_2.metroVersion,
+            '@babel/runtime': versions_2.babelRuntimeVersion, // @babel/runtime is used by react-native-svg
         }
         : {})));
 }

package/src/generators/init/init.js.map

@@ -1 +1 @@
-{"version":3,"file":"init.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/generators/init/init.ts"],"names":[],"mappings":";;;;AAAA,iGAA4F;AAC5F,yCAOsB;AAEtB,mDAgB8B;AAC9B,2FAAqF;AACrF,qEAA+D;AAC/D,qCAA+C;AAC/C,uCAAiD;AACjD,6DAGwC;AAExC,SAAsB,wBAAwB,CAAC,IAAU,EAAE,MAAc;;QACvE,IAAA,6CAAoB,EAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QACjD,IAAA,wCAAiB,EAAC,IAAI,CAAC,CAAC;QAExB,MAAM,KAAK,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;QAE/D,IAAI,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,KAAK,MAAM,EAAE;YAC9D,MAAM,QAAQ,GAAG,IAAA,wBAAiB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC7C,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACtB;QAED,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,aAAa,KAAK,OAAO,EAAE;YAC7D,MAAM,SAAS,GAAG,MAAM,IAAA,0BAAkB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACvB;QAED,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;YACtB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;QAED,OAAO,IAAA,sCAAgB,EAAC,GAAG,KAAK,CAAC,CAAC;IACpC,CAAC;CAAA;AArBD,4DAqBC;AAED,SAAgB,kBAAkB,CAAC,IAAU;IAC3C,MAAM,MAAM,GAAG,IAAA,6BAAoB,EAAC,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC;IAC1D,OAAO,IAAA,qCAA4B,EACjC,IAAI,EACJ;QACE,KAAK,EAAE,uBAAY;QACnB,cAAc,EAAE,6BAAkB;KACnC,kBAEC,oBAAoB,EAAE,oBAAS,EAC/B,cAAc,EAAE,4BAAiB,EACjC,qBAAqB,EAAE,kCAAuB,EAC9C,6BAA6B,EAAE,kCAAuB,EACtD,8CAA8C,EAC5C,yCAA8B,EAChC,0CAA0C,EAAE,qCAA0B,EACtE,iCAAiC,EAAE,6CAAkC,EACrE,+BAA+B,EAAE,2CAAgC,EACjE,8BAA8B,EAAE,0CAA+B,EAC/D,mBAAmB,EAAE,iCAAsB,EAC3C,KAAK,EAAE,uBAAY,EACnB,gBAAgB,EAAE,uBAAY,EAC9B,qBAAqB,EAAE,mCAAwB,EAC/C,8BAA8B,EAAE,2CAAgC,EAChE,kBAAkB,EAAE,gCAAqB,IACtC,CAAC,MAAM;QACR,CAAC,CAAC;YACE,cAAc,EAAE,uBAAY;YAC5B,gBAAgB,EAAE,8BAAmB,EAAE,6CAA6C;SACrF;QACH,CAAC,CAAC,EAAE,CAAC,EAEV,CAAC;AACJ,CAAC;AAjCD,gDAiCC;AAED,SAAS,cAAc,CAAC,IAAU;IAChC,OAAO,IAAA,0CAAiC,EAAC,IAAI,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7E,CAAC;AAED,kBAAe,wBAAwB,CAAC;AAC3B,QAAA,wBAAwB,GAAG,IAAA,2BAAkB,EACxD,wBAAwB,CACzB,CAAC"}
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/generators/init/init.ts"],"names":[],"mappings":";;;;AAAA,iGAA4F;AAC5F,yCAOsB;AAEtB,2FAAqF;AACrF,qCAA+C;AAC/C,uCAAiD;AACjD,6DAGwC;AAExC,mDAiB8B;AAE9B,qEAA+D;AAC/D,yEAAmE;AAEnE,SAAsB,wBAAwB,CAAC,IAAU,EAAE,MAAc;;QACvE,IAAA,6CAAoB,EAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QACjD,IAAA,wCAAiB,EAAC,IAAI,CAAC,CAAC;QACxB,IAAA,4CAAmB,EAAC,IAAI,CAAC,CAAC;QAE1B,MAAM,KAAK,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;QAE/D,IAAI,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,KAAK,MAAM,EAAE;YAC9D,MAAM,QAAQ,GAAG,IAAA,wBAAiB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC7C,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACtB;QAED,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,aAAa,KAAK,OAAO,EAAE;YAC7D,MAAM,SAAS,GAAG,MAAM,IAAA,0BAAkB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACvB;QAED,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;YACtB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;QAED,OAAO,IAAA,sCAAgB,EAAC,GAAG,KAAK,CAAC,CAAC;IACpC,CAAC;CAAA;AAtBD,4DAsBC;AAED,SAAgB,kBAAkB,CAAC,IAAU;IAC3C,MAAM,MAAM,GAAG,IAAA,6BAAoB,EAAC,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC;IAC1D,OAAO,IAAA,qCAA4B,EACjC,IAAI,EACJ;QACE,KAAK,EAAE,uBAAY;QACnB,cAAc,EAAE,6BAAkB;KACnC,kBAEC,oBAAoB,EAAE,oBAAS,EAC/B,cAAc,EAAE,4BAAiB,EACjC,qBAAqB,EAAE,kCAAuB,EAC9C,6BAA6B,EAAE,kCAAuB,EACtD,8CAA8C,EAC5C,yCAA8B,EAChC,0CAA0C,EAAE,qCAA0B,EACtE,iCAAiC,EAAE,6CAAkC,EACrE,+BAA+B,EAAE,2CAAgC,EACjE,8BAA8B,EAAE,0CAA+B,EAC/D,mBAAmB,EAAE,iCAAsB,EAC3C,KAAK,EAAE,uBAAY,EACnB,gBAAgB,EAAE,uBAAY,EAC9B,qBAAqB,EAAE,mCAAwB,EAC/C,8BAA8B,EAAE,2CAAgC,EAChE,kBAAkB,EAAE,gCAAqB,EACzC,qBAAqB,EAAE,mCAAwB,IAC5C,CAAC,MAAM;QACR,CAAC,CAAC;YACE,cAAc,EAAE,uBAAY;YAC5B,gBAAgB,EAAE,8BAAmB,EAAE,6CAA6C;SACrF;QACH,CAAC,CAAC,EAAE,CAAC,EAEV,CAAC;AACJ,CAAC;AAlCD,gDAkCC;AAED,SAAS,cAAc,CAAC,IAAU;IAChC,OAAO,IAAA,0CAAiC,EAAC,IAAI,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7E,CAAC;AAED,kBAAe,wBAAwB,CAAC;AAC3B,QAAA,wBAAwB,GAAG,IAAA,2BAAkB,EACxD,wBAAwB,CACzB,CAAC"}

package/src/generators/init/init.spec.ts

@@ -56,4 +56,35 @@ describe('init', () => {
       expect(cli.defaultCollection).toEqual('@nrwl/react');
     });
   });
+
+  describe('babel config', () => {
+    it('should create babel config if not present', async () => {
+      await reactNativeInitGenerator(tree, {
+        unitTestRunner: 'none',
+        e2eTestRunner: 'none',
+      });
+      expect(tree.exists('babel.config.json')).toBe(true);
+    });
+
+    it('should not overwrite existing babel config', async () => {
+      tree.write('babel.config.json', '{ "preset": ["preset-awesome"] }');
+
+      await reactNativeInitGenerator(tree, {
+        unitTestRunner: 'none',
+        e2eTestRunner: 'none',
+      });
+
+      const existing = readJson(tree, 'babel.config.json');
+      expect(existing).toEqual({ preset: ['preset-awesome'] });
+    });
+
+    it('should not overwrite existing babel config (.js)', async () => {
+      tree.write('/babel.config.js', 'module.exports = () => {};');
+      await reactNativeInitGenerator(tree, {
+        unitTestRunner: 'none',
+        e2eTestRunner: 'none',
+      });
+      expect(tree.exists('babel.config.json')).toBe(false);
+    });
+  });
 });

package/src/generators/init/lib/init-root-babel-config.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nrwl/devkit';
+export declare function initRootBabelConfig(tree: Tree): void;

package/src/generators/init/lib/init-root-babel-config.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initRootBabelConfig = void 0;
+const devkit_1 = require("@nrwl/devkit");
+function initRootBabelConfig(tree) {
+    if (tree.exists('/babel.config.json') || tree.exists('/babel.config.js')) {
+        return;
+    }
+    (0, devkit_1.writeJson)(tree, '/babel.config.json', {
+        babelrcRoots: ['*'], // Make sure .babelrc files other than root can be loaded in a monorepo
+    });
+}
+exports.initRootBabelConfig = initRootBabelConfig;
+//# sourceMappingURL=init-root-babel-config.js.map

package/src/generators/init/lib/init-root-babel-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-root-babel-config.js","sourceRoot":"","sources":["../../../../../../../packages/react-native/src/generators/init/lib/init-root-babel-config.ts"],"names":[],"mappings":";;;AAAA,yCAA+C;AAE/C,SAAgB,mBAAmB,CAAC,IAAU;IAC5C,IAAI,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;QACxE,OAAO;KACR;IAED,IAAA,kBAAS,EAAC,IAAI,EAAE,oBAAoB,EAAE;QACpC,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,uEAAuE;KAC7F,CAAC,CAAC;AACL,CAAC;AARD,kDAQC"}

package/src/generators/library/files/lib/tsconfig.lib.json__tmpl__

@@ -4,6 +4,6 @@
     "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": ["node"]
   },
-  "exclude": ["**/*.spec.ts", "**/*.spec.tsx"],
+  "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "test-setup.ts"],
   "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
 }

package/src/migrations/update-12-10-0/add-react-native-svg-12-10-0.js

@@ -40,7 +40,7 @@ function addReactNativeSvgToTsconfig(host, project) {
     const offset = (0, devkit_1.offsetFromRoot)(project.root);
     (0, devkit_1.updateJson)(host, tsconfigPath, (json) => {
         const files = json.files || [];
-        files.push(`${offset}node_modules/@nrwl/react/typings/image.d.ts`);
+        files.push(`${offset}node_modules/@nrwl/react-native/typings/svg.d.ts`);
         json.files = files;
         return json;
     });

package/src/migrations/update-12-10-0/add-react-native-svg-12-10-0.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-react-native-svg-12-10-0.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-12-10-0/add-react-native-svg-12-10-0.ts"],"names":[],"mappings":";;;AAAA,yCASsB;AAEtB;;;;;GAKG;AACH,SAA8B,MAAM,CAAC,IAAU;;QAC7C,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAEnC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;;YAC3B,IAAI,CAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B;gBAAE,OAAO;YAE5E,iCAAiC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACjD,2BAA2B,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAC3C,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AAZD,yBAYC;AAED,SAAS,iCAAiC,CACxC,IAAU,EACV,OAA6B;IAE7B,MAAM,eAAe,GAAG,GAAG,OAAO,CAAC,IAAI,eAAe,CAAC;IACvD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;QAAE,OAAO;IAC1C,IAAA,mBAAU,EAAC,IAAI,EAAE,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE;QACzC,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC;QAC7C,YAAY,CAAC,kBAAkB,CAAC,GAAG,GAAG,CAAC;QACvC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,2BAA2B,CAClC,IAAU,EACV,OAA6B;IAE7B,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,IAAI,gBAAgB,CAAC;IACrD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;QAAE,OAAO;IACvC,MAAM,MAAM,GAAG,IAAA,uBAAc,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,IAAA,mBAAU,EAAC,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,6CAA6C,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAU,EAAE,OAA6B;;IACpE,MAAM,cAAc,GAAG,MAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,0CAAE,OAAO,0CAAE,UAAU,CAAC;IAClE,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QAAE,OAAO;IAC5D,IAAI;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACpD,IAAI,QAAQ,CAAC,QAAQ,CAAC,kBAAkB,CAAC;YAAE,OAAO;QAClD,IAAI,CAAC,KAAK,CACR,cAAc,EACd,QAAQ,CAAC,OAAO,CACd,WAAW,EACX,gFAAgF,CACjF,CACF,CAAC;KACH;IAAC,WAAM;QACN,eAAM,CAAC,KAAK,CACV,IAAA,qBAAY,EAAA,oBAAoB,cAAc,gBAAgB,OAAO,CAAC,IAAI,GAAG,CAC9E,CAAC;KACH;AACH,CAAC"}
+{"version":3,"file":"add-react-native-svg-12-10-0.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-12-10-0/add-react-native-svg-12-10-0.ts"],"names":[],"mappings":";;;AAAA,yCASsB;AAEtB;;;;;GAKG;AACH,SAA8B,MAAM,CAAC,IAAU;;QAC7C,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAEnC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;;YAC3B,IAAI,CAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B;gBAAE,OAAO;YAE5E,iCAAiC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACjD,2BAA2B,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAC3C,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AAZD,yBAYC;AAED,SAAS,iCAAiC,CACxC,IAAU,EACV,OAA6B;IAE7B,MAAM,eAAe,GAAG,GAAG,OAAO,CAAC,IAAI,eAAe,CAAC;IACvD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;QAAE,OAAO;IAC1C,IAAA,mBAAU,EAAC,IAAI,EAAE,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE;QACzC,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC;QAC7C,YAAY,CAAC,kBAAkB,CAAC,GAAG,GAAG,CAAC;QACvC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,2BAA2B,CAClC,IAAU,EACV,OAA6B;IAE7B,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,IAAI,gBAAgB,CAAC;IACrD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;QAAE,OAAO;IACvC,MAAM,MAAM,GAAG,IAAA,uBAAc,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,IAAA,mBAAU,EAAC,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,kDAAkD,CAAC,CAAC;QACxE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAU,EAAE,OAA6B;;IACpE,MAAM,cAAc,GAAG,MAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,0CAAE,OAAO,0CAAE,UAAU,CAAC;IAClE,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QAAE,OAAO;IAC5D,IAAI;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACpD,IAAI,QAAQ,CAAC,QAAQ,CAAC,kBAAkB,CAAC;YAAE,OAAO;QAClD,IAAI,CAAC,KAAK,CACR,cAAc,EACd,QAAQ,CAAC,OAAO,CACd,WAAW,EACX,gFAAgF,CACjF,CACF,CAAC;KACH;IAAC,WAAM;QACN,eAAM,CAAC,KAAK,CACV,IAAA,qBAAY,EAAA,oBAAoB,cAAc,gBAAgB,OAAO,CAAC,IAAI,GAAG,CAC9E,CAAC;KACH;AACH,CAAC"}

package/src/migrations/update-12-10-0/add-react-native-svg-12-10-0.spec.ts

@@ -50,7 +50,7 @@ describe('Add react-native-svg to dev dependencies', () => {
 
     const tsconfig = readJson(tree, 'apps/products/tsconfig.json');
     expect(tsconfig.files).toEqual([
-      '../../node_modules/@nrwl/react/typings/image.d.ts',
+      '../../node_modules/@nrwl/react-native/typings/svg.d.ts',
     ]);
 
     const packageJson = readJson(tree, 'apps/products/package.json');

package/src/migrations/update-13-5-0/add-babel-config-root-13-5-0.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nrwl/devkit';
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-13-5-0/add-babel-config-root-13-5-0.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+const init_root_babel_config_1 = require("../../generators/init/lib/init-root-babel-config");
+function update(tree) {
+    return (0, tslib_1.__awaiter)(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        if (tree.exists('/babel.config.json') || tree.exists('/babel.config.js')) {
+            return;
+        }
+        let hasReactNaiveProject = false;
+        projects.forEach((project) => {
+            var _a, _b;
+            if (hasReactNaiveProject)
+                return;
+            hasReactNaiveProject =
+                ((_b = (_a = project.targets) === null || _a === void 0 ? void 0 : _a.start) === null || _b === void 0 ? void 0 : _b.executor) === '@nrwl/react-native:start';
+        });
+        if (hasReactNaiveProject) {
+            (0, init_root_babel_config_1.initRootBabelConfig)(tree);
+        }
+    });
+}
+exports.default = update;
+//# sourceMappingURL=add-babel-config-root-13-5-0.js.map

package/src/migrations/update-13-5-0/add-babel-config-root-13-5-0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-babel-config-root-13-5-0.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-13-5-0/add-babel-config-root-13-5-0.ts"],"names":[],"mappings":";;;AAAA,yCAAiD;AAEjD,6FAAuF;AAEvF,SAA8B,MAAM,CAAC,IAAU;;QAC7C,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAEnC,IAAI,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;YACxE,OAAO;SACR;QAED,IAAI,oBAAoB,GAAG,KAAK,CAAC;QACjC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;;YAC3B,IAAI,oBAAoB;gBAAE,OAAO;YACjC,oBAAoB;gBAClB,CAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,IAAI,oBAAoB,EAAE;YACxB,IAAA,4CAAmB,EAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC;CAAA;AAjBD,yBAiBC"}

package/src/migrations/update-13-5-0/add-babel-config-root-13-5-0.spec.ts

@@ -0,0 +1,48 @@
+import { addProjectConfiguration, readJson, Tree } from '@nrwl/devkit';
+import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
+import update from './add-babel-config-root-13-5-0';
+
+describe('Add react-native-svg to dev dependencies', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace();
+    addProjectConfiguration(tree, 'products', {
+      root: 'apps/products',
+      sourceRoot: 'apps/products/src',
+      targets: {
+        start: {
+          executor: '@nrwl/react-native:start',
+          options: {
+            port: 8081,
+          },
+        },
+        test: {
+          executor: '@nrwl/jest:jest',
+          options: {
+            jestConfig: 'apps/products/jest.config.js',
+            passWithNoTests: true,
+          },
+        },
+      },
+    });
+  });
+
+  it(`should add babel.config.json at root`, async () => {
+    await update(tree);
+
+    const babelConfigJson = readJson(tree, 'babel.config.json');
+    expect(babelConfigJson).toEqual({
+      babelrcRoots: ['*'],
+    });
+  });
+
+  it(`should not change babel.config.json if it already exists`, async () => {
+    tree.write('babel.config.json', '{}');
+
+    await update(tree);
+
+    const babelConfigJson = readJson(tree, 'babel.config.json');
+    expect(babelConfigJson).toEqual({});
+  });
+});

package/src/migrations/update-13-5-0/update-react-native-typing-svg-13-5-0.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nrwl/devkit';
+/**
+ * Update svg typings in tsconfig for react native app
+ * Replace node_modules/@nrwl/react/typings/image.d.ts with node_modules/@nrwl/react-native/typings/svg.d.ts
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-13-5-0/update-react-native-typing-svg-13-5-0.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+/**
+ * Update svg typings in tsconfig for react native app
+ * Replace node_modules/@nrwl/react/typings/image.d.ts with node_modules/@nrwl/react-native/typings/svg.d.ts
+ */
+function update(tree) {
+    return (0, tslib_1.__awaiter)(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        projects.forEach((project) => {
+            var _a, _b;
+            if (((_b = (_a = project.targets) === null || _a === void 0 ? void 0 : _a.start) === null || _b === void 0 ? void 0 : _b.executor) !== '@nrwl/react-native:start')
+                return;
+            updateReactNativeSvgTypingInTsconfig(tree, project);
+        });
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = update;
+function updateReactNativeSvgTypingInTsconfig(host, project) {
+    const tsconfigPath = `${project.root}/tsconfig.json`;
+    if (!host.exists(tsconfigPath))
+        return;
+    const offset = (0, devkit_1.offsetFromRoot)(project.root);
+    (0, devkit_1.updateJson)(host, tsconfigPath, (json) => {
+        const files = json.files || [];
+        const imageTypingIndex = files.findIndex((file) => file === `${offset}node_modules/@nrwl/react/typings/image.d.ts`);
+        const reactNativeSvgTypingPath = `${offset}node_modules/@nrwl/react-native/typings/svg.d.ts`;
+        if (imageTypingIndex === -1) {
+            files.push(reactNativeSvgTypingPath);
+        }
+        else {
+            files[imageTypingIndex] = reactNativeSvgTypingPath;
+        }
+        json.files = files;
+        return json;
+    });
+}
+//# sourceMappingURL=update-react-native-typing-svg-13-5-0.js.map

package/src/migrations/update-13-5-0/update-react-native-typing-svg-13-5-0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-react-native-typing-svg-13-5-0.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-13-5-0/update-react-native-typing-svg-13-5-0.ts"],"names":[],"mappings":";;;AAAA,yCAOsB;AAEtB;;;GAGG;AACH,SAA8B,MAAM,CAAC,IAAU;;QAC7C,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAEnC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;;YAC3B,IAAI,CAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B;gBAAE,OAAO;YAC5E,oCAAoC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AATD,yBASC;AAED,SAAS,oCAAoC,CAC3C,IAAU,EACV,OAA6B;IAE7B,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,IAAI,gBAAgB,CAAC;IACrD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;QAAE,OAAO;IACvC,MAAM,MAAM,GAAG,IAAA,uBAAc,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,IAAA,mBAAU,EAAC,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QAC/B,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,CACtC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,GAAG,MAAM,6CAA6C,CAC1E,CAAC;QACF,MAAM,wBAAwB,GAAG,GAAG,MAAM,kDAAkD,CAAC;QAC7F,IAAI,gBAAgB,KAAK,CAAC,CAAC,EAAE;YAC3B,KAAK,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;SACtC;aAAM;YACL,KAAK,CAAC,gBAAgB,CAAC,GAAG,wBAAwB,CAAC;SACpD;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC"}

package/src/migrations/update-13-5-0/update-react-native-typing-svg-13-5-0.spec.ts

@@ -0,0 +1,61 @@
+import { addProjectConfiguration, readJson, Tree } from '@nrwl/devkit';
+import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
+import update from './update-react-native-typing-svg-13-5-0';
+
+describe('Update svg typings in tsconfig for react native app', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace();
+    addProjectConfiguration(tree, 'products', {
+      root: 'apps/products',
+      sourceRoot: 'apps/products/src',
+      targets: {
+        start: {
+          executor: '@nrwl/react-native:start',
+          options: {
+            port: 8081,
+          },
+        },
+        test: {
+          executor: '@nrwl/jest:jest',
+          options: {
+            jestConfig: 'apps/products/jest.config.js',
+            passWithNoTests: true,
+          },
+        },
+      },
+    });
+  });
+
+  it(`should add svg typing to tsconfig.json`, async () => {
+    tree.write('apps/products/tsconfig.json', '{}');
+    await update(tree);
+
+    const tsconfig = readJson(tree, 'apps/products/tsconfig.json');
+    expect(tsconfig.files).toEqual([
+      '../../node_modules/@nrwl/react-native/typings/svg.d.ts',
+    ]);
+  });
+
+  it(`should update to svg typing in tsconfig.json if image typing from react exists`, async () => {
+    tree.write(
+      'apps/products/tsconfig.json',
+      `{
+        "files": ["../../node_modules/@nrwl/react/typings/image.d.ts"]
+      }`
+    );
+    await update(tree);
+
+    const tsconfig = readJson(tree, 'apps/products/tsconfig.json');
+    expect(tsconfig.files).toEqual([
+      '../../node_modules/@nrwl/react-native/typings/svg.d.ts',
+    ]);
+  });
+
+  it(`should update app's tsconfig.json and package.json if file does not exist`, async () => {
+    await update(tree);
+
+    expect(() => readJson(tree, 'apps/products/tsconfig.json')).toThrow();
+  });
+});

package/src/utils/find-all-npm-dependencies.spec.ts

@@ -1,5 +1,5 @@
 import { findAllNpmDependencies } from './find-all-npm-dependencies';
-import { ProjectGraph } from '@nrwl/devkit';
+import { DependencyType, ProjectGraph } from '@nrwl/devkit';
 
 test('findAllNpmDependencies', () => {
   const graph: ProjectGraph = {
@@ -61,26 +61,34 @@ test('findAllNpmDependencies', () => {
     },
     dependencies: {
       myapp: [
-        { type: 'static', source: 'myapp', target: 'lib1' },
-        { type: 'static', source: 'myapp', target: 'lib2' },
+        { type: DependencyType.static, source: 'myapp', target: 'lib1' },
+        { type: DependencyType.static, source: 'myapp', target: 'lib2' },
         {
-          type: 'static',
+          type: DependencyType.static,
           source: 'myapp',
           target: 'npm:react-native-image-picker',
         },
         {
-          type: 'static',
+          type: DependencyType.static,
           source: 'myapp',
           target: 'npm:@nrwl/react-native',
         },
       ],
       lib1: [
-        { type: 'static', source: 'lib1', target: 'lib2' },
-        { type: 'static', source: 'lib3', target: 'npm:react-native-snackbar' },
+        { type: DependencyType.static, source: 'lib1', target: 'lib2' },
+        {
+          type: DependencyType.static,
+          source: 'lib3',
+          target: 'npm:react-native-snackbar',
+        },
       ],
-      lib2: [{ type: 'static', source: 'lib2', target: 'lib3' }],
+      lib2: [{ type: DependencyType.static, source: 'lib2', target: 'lib3' }],
       lib3: [
-        { type: 'static', source: 'lib3', target: 'npm:react-native-dialog' },
+        {
+          type: DependencyType.static,
+          source: 'lib3',
+          target: 'npm:react-native-dialog',
+        },
       ],
     },
   };

package/src/utils/versions.d.ts

@@ -1,15 +1,16 @@
 export declare const nxVersion = "*";
-export declare const reactNativeVersion = "0.66.2";
-export declare const typesReactNativeVersion = "0.66.2";
+export declare const reactNativeVersion = "0.66.4";
+export declare const typesReactNativeVersion = "0.66.11";
 export declare const metroVersion = "0.66.2";
-export declare const reactNativeCommunityCli = "6.1.0";
-export declare const reactNativeCommunityCliIos = "6.1.0";
-export declare const reactNativeCommunityCliAndroid = "6.1.0";
+export declare const reactNativeCommunityCli = "6.3.1";
+export declare const reactNativeCommunityCliIos = "6.2.0";
+export declare const reactNativeCommunityCliAndroid = "6.3.0";
+export declare const reactNativeConfigVersion = "1.4.5";
 export declare const metroReactNativeBabelPresetVersion = "0.66.2";
-export declare const testingLibraryReactNativeVersion = "8.0.0";
+export declare const testingLibraryReactNativeVersion = "9.0.0";
 export declare const testingLibraryJestNativeVersion = "4.0.4";
 export declare const jestReactNativeVersion = "18.0.0";
 export declare const reactTestRendererVersion = "17.0.2";
-export declare const reactNativeSvgTransformerVersion = "0.14.3";
+export declare const reactNativeSvgTransformerVersion = "1.0.0";
 export declare const reactNativeSvgVersion = "12.1.1";
-export declare const babelRuntimeVersion = "7.16.3";
+export declare const babelRuntimeVersion = "7.16.7";

package/src/utils/versions.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.babelRuntimeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.reactTestRendererVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.metroReactNativeBabelPresetVersion = exports.reactNativeCommunityCliAndroid = exports.reactNativeCommunityCliIos = exports.reactNativeCommunityCli = exports.metroVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
-exports.nxVersion = '13.4.5';
-exports.reactNativeVersion = '0.66.2';
-exports.typesReactNativeVersion = '0.66.2';
+exports.babelRuntimeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.reactTestRendererVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.metroReactNativeBabelPresetVersion = exports.reactNativeConfigVersion = exports.reactNativeCommunityCliAndroid = exports.reactNativeCommunityCliIos = exports.reactNativeCommunityCli = exports.metroVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
+exports.nxVersion = '13.4.6';
+exports.reactNativeVersion = '0.66.4';
+exports.typesReactNativeVersion = '0.66.11';
 exports.metroVersion = '0.66.2';
-exports.reactNativeCommunityCli = '6.1.0';
-exports.reactNativeCommunityCliIos = '6.1.0';
-exports.reactNativeCommunityCliAndroid = '6.1.0';
+exports.reactNativeCommunityCli = '6.3.1';
+exports.reactNativeCommunityCliIos = '6.2.0';
+exports.reactNativeCommunityCliAndroid = '6.3.0';
+exports.reactNativeConfigVersion = '1.4.5';
 exports.metroReactNativeBabelPresetVersion = '0.66.2';
-exports.testingLibraryReactNativeVersion = '8.0.0';
+exports.testingLibraryReactNativeVersion = '9.0.0';
 exports.testingLibraryJestNativeVersion = '4.0.4';
 exports.jestReactNativeVersion = '18.0.0';
 exports.reactTestRendererVersion = '17.0.2';
-exports.reactNativeSvgTransformerVersion = '0.14.3';
+exports.reactNativeSvgTransformerVersion = '1.0.0';
 exports.reactNativeSvgVersion = '12.1.1';
-exports.babelRuntimeVersion = '7.16.3';
+exports.babelRuntimeVersion = '7.16.7';
 //# sourceMappingURL=versions.js.map

package/src/utils/versions.js.map

@@ -1 +1 @@
-{"version":3,"file":"versions.js","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/versions.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,GAAG,CAAC;AAEhB,QAAA,kBAAkB,GAAG,QAAQ,CAAC;AAC9B,QAAA,uBAAuB,GAAG,QAAQ,CAAC;AAEnC,QAAA,YAAY,GAAG,QAAQ,CAAC;AAExB,QAAA,uBAAuB,GAAG,OAAO,CAAC;AAClC,QAAA,0BAA0B,GAAG,OAAO,CAAC;AACrC,QAAA,8BAA8B,GAAG,OAAO,CAAC;AAEzC,QAAA,kCAAkC,GAAG,QAAQ,CAAC;AAE9C,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAC3C,QAAA,+BAA+B,GAAG,OAAO,CAAC;AAE1C,QAAA,sBAAsB,GAAG,QAAQ,CAAC;AAElC,QAAA,wBAAwB,GAAG,QAAQ,CAAC;AAEpC,QAAA,gCAAgC,GAAG,QAAQ,CAAC;AAC5C,QAAA,qBAAqB,GAAG,QAAQ,CAAC;AAEjC,QAAA,mBAAmB,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"versions.js","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/versions.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,GAAG,CAAC;AAEhB,QAAA,kBAAkB,GAAG,QAAQ,CAAC;AAC9B,QAAA,uBAAuB,GAAG,SAAS,CAAC;AAEpC,QAAA,YAAY,GAAG,QAAQ,CAAC;AAExB,QAAA,uBAAuB,GAAG,OAAO,CAAC;AAClC,QAAA,0BAA0B,GAAG,OAAO,CAAC;AACrC,QAAA,8BAA8B,GAAG,OAAO,CAAC;AAEzC,QAAA,wBAAwB,GAAG,OAAO,CAAC;AAEnC,QAAA,kCAAkC,GAAG,QAAQ,CAAC;AAE9C,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAC3C,QAAA,+BAA+B,GAAG,OAAO,CAAC;AAE1C,QAAA,sBAAsB,GAAG,QAAQ,CAAC;AAElC,QAAA,wBAAwB,GAAG,QAAQ,CAAC;AAEpC,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAC3C,QAAA,qBAAqB,GAAG,QAAQ,CAAC;AAEjC,QAAA,mBAAmB,GAAG,QAAQ,CAAC"}

package/typings/svg.d.ts

@@ -0,0 +1,7 @@
+// from https://github.com/kristerkari/react-native-svg-transformer#using-typescript
+declare module '*.svg' {
+  import React from 'react';
+  import { SvgProps } from 'react-native-svg';
+  const content: React.FC<SvgProps>;
+  export default content;
+}