@nrwl/react-native 12.10.0-beta.2 → 12.10.0-beta.6

package/migrations.json

@@ -5,6 +5,12 @@
       "cli": "nx",
       "description": "Update jest for react native",
       "factory": "./src/migrations/update-12-5-0/update-jest-for-react-native"
+    },
+    "add-react-native-svg-12-10-0": {
+      "version": "12.10.0-beta.1",
+      "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"
     }
   },
   "packageJsonUpdates": {
@@ -204,6 +210,29 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "12.10.0-beta.1": {
+      "version": "12.10.0-beta.1",
+      "packages": {
+        "react-native-svg-transformer": {
+          "version": "0.14.3",
+          "alwaysAddToPackageJson": false,
+          "addToPackageJson": "devDependencies"
+        },
+        "react-native-svg": {
+          "version": "12.1.1",
+          "alwaysAddToPackageJson": false,
+          "addToPackageJson": "devDependencies"
+        },
+        "react-native": {
+          "version": "0.66.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-native": {
+          "version": "0.65.3",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrwl/react-native",
-  "version": "12.10.0-beta.2",
+  "version": "12.10.0-beta.6",
   "description": "React Native Plugin for Nx",
   "keywords": [
     "Monorepo",
@@ -24,11 +24,11 @@
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@nrwl/detox": "12.10.0-beta.2",
-    "@nrwl/devkit": "12.10.0-beta.2",
-    "@nrwl/jest": "12.10.0-beta.2",
-    "@nrwl/linter": "12.10.0-beta.2",
-    "@nrwl/react": "12.10.0-beta.2",
+    "@nrwl/detox": "12.10.0-beta.6",
+    "@nrwl/devkit": "12.10.0-beta.6",
+    "@nrwl/jest": "12.10.0-beta.6",
+    "@nrwl/linter": "12.10.0-beta.6",
+    "@nrwl/react": "12.10.0-beta.6",
     "chalk": "^4.1.0",
     "ignore": "^5.0.4",
     "metro-resolver": "^0.66.2",
@@ -36,7 +36,7 @@
     "tsconfig-paths": "^3.9.0"
   },
   "peerDependencies": {
-    "@nrwl/workspace": "12.10.0-beta.2",
+    "@nrwl/workspace": "12.10.0-beta.6",
     "react-native": "0.65.1"
   },
   "builders": "./executors.json",

package/plugins/jest/svg-mock.js

@@ -0,0 +1,5 @@
+// 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

@@ -0,0 +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"}

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

@@ -20,7 +20,7 @@ import com.android.build.OutputFile
  *   // default. Can be overridden with ENTRY_FILE environment variable.
  *   entryFile: "index.android.js",
  *
- *   // https://facebook.github.io/react-native/docs/performance#enable-the-ram-format
+ *   // https://reactnative.dev/docs/performance#enable-the-ram-format
  *   bundleCommand: "ram-bundle",
  *
  *   // whether to bundle JS and assets in debug mode
@@ -121,7 +121,14 @@ def jscFlavor = 'org.webkit:android-jsc:+'
  */
 def enableHermes = project.ext.react.get("enableHermes", false);
 
+/**
+ * Architectures to build native code for in debug.
+ */
+def nativeArchitectures = project.getProperties().get("reactNativeDebugArchitectures")
+
 android {
+    ndkVersion rootProject.ext.ndkVersion
+
     compileSdkVersion rootProject.ext.compileSdkVersion
 
     defaultConfig {
@@ -164,10 +171,15 @@ android {
     buildTypes {
         debug {
             signingConfig signingConfigs.debug
+            if (nativeArchitectures) {
+                ndk {
+                    abiFilters nativeArchitectures.split(',')
+                }
+            }
         }
         release {
             // Caution! In production, you need to generate your own keystore file.
-            // See: https://reactnative.dev/docs/signed-apk-android
+            // see https://reactnative.dev/docs/signed-apk-android.
             signingConfig signingConfigs.debug
             // signingConfig signingConfigs.release
             minifyEnabled enableProguardInReleaseBuilds
@@ -175,23 +187,17 @@ android {
         }
     }
 
-    packagingOptions {
-        pickFirst "lib/armeabi-v7a/libc++_shared.so"
-        pickFirst "lib/arm64-v8a/libc++_shared.so"
-        pickFirst "lib/x86/libc++_shared.so"
-        pickFirst "lib/x86_64/libc++_shared.so"
-    }
-
     // applicationVariants are e.g. debug, release
     applicationVariants.all { variant ->
         variant.outputs.each { output ->
             // For each separate APK per architecture, set a unique version code as described here:
             // https://developer.android.com/studio/build/configure-apk-splits.html
+            // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc.
             def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
             def abi = output.getFilter(OutputFile.ABI)
             if (abi != null) {  // null for the universal-debug, universal-release variants
                 output.versionCodeOverride =
-                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
+                        defaultConfig.versionCode * 1000 + versionCodes.get(abi)
             }
 
         }
@@ -202,13 +208,18 @@ dependencies {
     implementation fileTree(dir: "libs", include: ["*.jar"])
     //noinspection GradleDynamicVersion
     implementation "com.facebook.react:react-native:+"  // From node_modules
+
     implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
+
     debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
-      exclude group:'com.facebook.fbjni'
+        exclude group:'com.facebook.fbjni'
     }
+
     debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
         exclude group:'com.facebook.flipper'
+        exclude group:'com.squareup.okhttp3', module:'okhttp'
     }
+
     debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") {
         exclude group:'com.facebook.flipper'
     }
@@ -229,8 +240,8 @@ dependencies {
 // Run this once to be able to run the application with BUCK
 // puts all compile dependencies into folder libs for BUCK to use
 task copyDownloadableDepsToLibs(type: Copy) {
-    from configurations.compile
+    from configurations.implementation
     into 'libs'
 }
 
-apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
+apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

package/src/generators/application/files/app/android/app/src/main/res/values/styles.xml

@@ -2,11 +2,11 @@
   <!-- Base application theme. -->
   <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
     <!-- Customize your theme here. -->
-    <item name="android:textColor">#000000</item>
   </style>
+
   <style name="Theme.App.SplashScreen" parent="Theme.AppCompat.Light.NoActionBar">
     <!-- Below line is handled by '@expo/configure-splash-screen' command and it's discouraged to modify it manually -->
     <item name="android:windowBackground">@drawable/splashscreen</item>
     <!-- Customize your splash screen theme here -->
   </style>
-</resources>
+</resources>

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

@@ -6,14 +6,14 @@ buildscript {
         minSdkVersion = 21
         compileSdkVersion = 30
         targetSdkVersion = 30
-        ndkVersion = "20.1.5948944"
+        ndkVersion = "21.4.7075529"
     }
     repositories {
         google()
         mavenCentral()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:4.2.1")
+        classpath("com.android.tools.build:gradle:4.2.2")
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
     }
@@ -33,6 +33,7 @@ allprojects {
         }
 
         google()
+        maven { url 'https://www.jitpack.io' }
 
 
         <% if (e2eTestRunner === 'detox') { %>
@@ -43,4 +44,4 @@ allprojects {
         <% } %>
 
     }
-}
+}

package/src/generators/application/files/app/android/gradle.properties

@@ -25,7 +25,7 @@ android.useAndroidX=true
 android.enableJetifier=true
 
 # Version of flipper SDK to use with React Native
-FLIPPER_VERSION=0.93.0
+FLIPPER_VERSION=0.99.0
 
 # Production release must be signed
 # See: https://reactnative.dev/docs/signed-apk-android

package/src/generators/application/files/app/ios/Podfile.template

@@ -21,6 +21,7 @@ target '<%= className %>' do
 
   post_install do |installer|
     react_native_post_install(installer)
+    __apply_Xcode_12_5_M1_post_install_workaround(installer)
     nx_post_install(installer)
   end
 end

package/src/generators/application/files/app/ios/__className__.xcodeproj/project.pbxproj.template

@@ -7,11 +7,13 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		00E356F31AD99517003FC87E /* <%= className %>Tests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* <%= className %>Tests.m */; };
 		13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
 		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
 		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
-		B3356142AC64179FFC014881 /* libPods-<%= className %>.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 81E830AF565B82692D619A27 /* libPods-<%= className %>.a */; };
+		9C141382382E3C900FF41CFE /* libPods-<%= className %>-<%= className %>Tests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1743840A4091A253DF94ADF3 /* libPods-<%= className %>-<%= className %>Tests.a */; };
+		CB28F6E71BFFBBFFE4D6CA71 /* libPods-<%= className %>.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 65E4FAB80E3D35EA640E54A7 /* libPods-<%= className %>.a */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -32,10 +34,10 @@
 		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = <%= className %>/Images.xcassets; sourceTree = "<group>"; };
 		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = <%= className %>/Info.plist; sourceTree = "<group>"; };
 		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = <%= className %>/main.m; sourceTree = "<group>"; };
+		56DF1300CF795902963DA15C /* Pods-<%= className %>.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-<%= className %>.release.xcconfig"; path = "Target Support Files/Pods-<%= className %>/Pods-<%= className %>.release.xcconfig"; sourceTree = "<group>"; };
+		65E4FAB80E3D35EA640E54A7 /* libPods-<%= className %>.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-<%= className %>.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = <%= className %>/LaunchScreen.storyboard; sourceTree = "<group>"; };
-		81E830AF565B82692D619A27 /* libPods-<%= className %>.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-<%= className %>.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		95971177ADC3B43EA1915EFA /* Pods-<%= className %>.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-<%= className %>.release.xcconfig"; path = "Target Support Files/Pods-<%= className %>/Pods-<%= className %>.release.xcconfig"; sourceTree = "<group>"; };
-		AE0E2B88164A638A5DDEB356 /* Pods-<%= className %>.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-<%= className %>.debug.xcconfig"; path = "Target Support Files/Pods-<%= className %>/Pods-<%= className %>.debug.xcconfig"; sourceTree = "<group>"; };
+		D06EE1839428A1A3F684470B /* Pods-<%= className %>.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-<%= className %>.debug.xcconfig"; path = "Target Support Files/Pods-<%= className %>/Pods-<%= className %>.debug.xcconfig"; sourceTree = "<group>"; };
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
 /* End PBXFileReference section */
 
@@ -44,7 +46,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				B3356142AC64179FFC014881 /* libPods-<%= className %>.a in Frameworks */,
+				CB28F6E71BFFBBFFE4D6CA71 /* libPods-<%= className %>.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -76,7 +78,7 @@
 			isa = PBXGroup;
 			children = (
 				ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
-				81E830AF565B82692D619A27 /* libPods-<%= className %>.a */,
+				65E4FAB80E3D35EA640E54A7 /* libPods-<%= className %>.a */,
 			);
 			name = Frameworks;
 			sourceTree = "<group>";
@@ -95,7 +97,7 @@
 				832341AE1AAA6A7D00B99B32 /* Libraries */,
 				83CBBA001A601CBA00E9B192 /* Products */,
 				2D16E6871FA4F8E400B85C8A /* Frameworks */,
-				C2004278D84265DB429CF917 /* Pods */,
+				CC467A8CA32BFDD637A07875 /* Pods */,
 			);
 			indentWidth = 2;
 			sourceTree = "<group>";
@@ -110,11 +112,11 @@
 			name = Products;
 			sourceTree = "<group>";
 		};
-		C2004278D84265DB429CF917 /* Pods */ = {
+		CC467A8CA32BFDD637A07875 /* Pods */ = {
 			isa = PBXGroup;
 			children = (
-				AE0E2B88164A638A5DDEB356 /* Pods-<%= className %>.debug.xcconfig */,
-				95971177ADC3B43EA1915EFA /* Pods-<%= className %>.release.xcconfig */,
+				D06EE1839428A1A3F684470B /* Pods-<%= className %>.debug.xcconfig */,
+				56DF1300CF795902963DA15C /* Pods-<%= className %>.release.xcconfig */,
 			);
 			name = Pods;
 			path = Pods;
@@ -127,14 +129,14 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "<%= className %>" */;
 			buildPhases = (
-				6C62348392EC1AF6F3F93830 /* [CP] Check Pods Manifest.lock */,
+				58252BD862A890A972880CBA /* [CP] Check Pods Manifest.lock */,
 				FD10A7F022414F080027D42C /* Start Packager */,
 				13B07F871A680F5B00A75B9A /* Sources */,
 				13B07F8C1A680F5B00A75B9A /* Frameworks */,
 				13B07F8E1A680F5B00A75B9A /* Resources */,
 				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
-				A84F2DC47AE20FA20EBF9D3E /* [CP] Embed Pods Frameworks */,
-				5C52E8E471D125E776E8B51C /* [CP] Copy Pods Resources */,
+				02884E84544B8E84B8B8F340 /* [CP] Embed Pods Frameworks */,
+				F0F4F71C107914435FC29DBB /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -214,24 +216,63 @@
 			shellPath = /bin/sh;
 			shellScript = "set -e\n\nexport NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh <%= entryFile %>\n";
 		};
-		5C52E8E471D125E776E8B51C /* [CP] Copy Pods Resources */ = {
+		02884E84544B8E84B8B8F340 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-resources-${CONFIGURATION}-input-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		0712EA5C2D09350540097B86 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>-<%= className %>Tests/Pods-<%= className %>-<%= className %>Tests-resources-${CONFIGURATION}-input-files.xcfilelist",
 			);
 			name = "[CP] Copy Pods Resources";
 			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-resources-${CONFIGURATION}-output-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>-<%= className %>Tests/Pods-<%= className %>-<%= className %>Tests-resources-${CONFIGURATION}-output-files.xcfilelist",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-resources.sh\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-<%= className %>-<%= className %>Tests/Pods-<%= className %>-<%= className %>Tests-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		44872F21BC689CC8A347F488 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-<%= className %>-<%= className %>Tests-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
-		6C62348392EC1AF6F3F93830 /* [CP] Check Pods Manifest.lock */ = {
+		58252BD862A890A972880CBA /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -253,21 +294,21 @@
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
-		A84F2DC47AE20FA20EBF9D3E /* [CP] Embed Pods Frameworks */ = {
+		F0F4F71C107914435FC29DBB /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-resources-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			name = "[CP] Embed Pods Frameworks";
+			name = "[CP] Copy Pods Resources";
 			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-resources-${CONFIGURATION}-output-files.xcfilelist",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-frameworks.sh\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-<%= className %>/Pods-<%= className %>-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
 		FD10A7F022414F080027D42C /* Start Packager */ = {
@@ -314,7 +355,7 @@
 /* Begin XCBuildConfiguration section */
 		13B07F941A680F5B00A75B9A /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = AE0E2B88164A638A5DDEB356 /* Pods-<%= className %>.debug.xcconfig */;
+			baseConfigurationReference = D06EE1839428A1A3F684470B /* Pods-<%= className %>.debug.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
@@ -340,7 +381,7 @@
 		};
 		13B07F951A680F5B00A75B9A /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 95971177ADC3B43EA1915EFA /* Pods-<%= className %>.release.xcconfig */;
+			baseConfigurationReference = 56DF1300CF795902963DA15C /* Pods-<%= className %>.release.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
@@ -355,7 +396,7 @@
 					"-ObjC",
 					"-lc++",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = "org.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
 				PRODUCT_NAME = <%= className %>;
 				SWIFT_VERSION = 5.0;
 				VERSIONING_SYSTEM = "apple-generic";
@@ -417,6 +458,7 @@
 					"$(inherited)",
 				);
 				LIBRARY_SEARCH_PATHS = (
+					"\"$(SDKROOT)/usr/lib/swift\"",
 					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
 					"\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"",
 					"\"$(inherited)\"",
@@ -475,6 +517,7 @@
 					"$(inherited)",
 				);
 				LIBRARY_SEARCH_PATHS = (
+					"\"$(SDKROOT)/usr/lib/swift\"",
 					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
 					"\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"",
 					"\"$(inherited)\"",
@@ -509,4 +552,4 @@
 /* End XCConfigurationList section */
 	};
 	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
-}
+}

package/src/generators/application/files/app/metro.config.js.template

@@ -1,21 +1,32 @@
 const { withNxMetro } = require('@nrwl/react-native');
+const { getDefaultConfig } = require('metro-config');
 
-module.exports = withNxMetro(
-  {
-    transformer: {
-      getTransformOptions: async () => ({
-        transform: {
-          experimentalImportSupport: false,
-          inlineRequires: true,
-        },
-      }),
+module.exports = (async () => {
+  const {
+    resolver: { sourceExts, assetExts },
+  } = await getDefaultConfig();
+  return withNxMetro(
+    {
+      transformer: {
+        getTransformOptions: async () => ({
+          transform: {
+            experimentalImportSupport: false,
+            inlineRequires: true,
+          },
+        }),
+        babelTransformerPath: require.resolve('react-native-svg-transformer'),
+      },
+      resolver: {
+        assetExts: assetExts.filter((ext) => ext !== 'svg'),
+        sourceExts: [...sourceExts, 'svg'],
+      },
     },
-  },
-  {
-    // Change this to true to see debugging info.
-    // Useful if you have issues resolving modules
-    debug: false,
-    // all the file extensions used for imports other than 'ts', 'tsx', 'js', 'jsx'
-    extensions: [],
-  }
-);
+    {
+      // Change this to true to see debugging info.
+      // Useful if you have issues resolving modules
+      debug: false,
+      // all the file extensions used for imports other than 'ts', 'tsx', 'js', 'jsx'
+      extensions: [],
+    }
+  );
+})();

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

@@ -3,9 +3,10 @@
   "version": "0.0.1",
   "private": true,
   "dependencies": {
-    "react-native": "*",
-    "react": "*",
+    "@testing-library/jest-native": "*",
     "@testing-library/react-native": "*",
-    "@testing-library/jest-native": "*"
+    "react": "*",
+    "react-native": "*",
+    "react-native-svg": "*"
   }
 }

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

@@ -1,10 +1,9 @@
-import 'react-native';
-import React from 'react';
+import * as React from 'react';
 import { render } from '@testing-library/react-native';
 
 import App from './App';
 
-it('renders correctly', () => {
+test('renders correctly', () => {
   const { getByTestId } = render(<App />);
   expect(getByTestId('heading')).toHaveTextContent('Welcome');
 });

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

@@ -17,6 +17,7 @@ import {
 } from 'react-native/Libraries/NewAppScreen';
 // @ts-ignore
 import openURLInBrowser from 'react-native/Libraries/Core/Devtools/openURLInBrowser';
+import Star from './star.svg';
 
 const App = () => {
   return (
@@ -65,6 +66,22 @@ const App = () => {
                   about Nx.
                 </Text>
               </TouchableOpacity>
+
+              <Text style={styles.sectionDescription}>
+                Thank you for using and showing some ♥ for Nx. If you like Nx, please give it a star:
+              </Text>
+
+              <View style={styles.githubStarContainer}>
+                <TouchableOpacity
+                  style={styles.githubStarBadge}
+                  onPress={() =>
+                    openURLInBrowser('https://github.com/nrwl/nx')
+                  }
+                >
+                  <Star width={24} height={24} fill={Colors.dark} />
+                  <Text> Star</Text>
+                </TouchableOpacity>
+              </View>
             </View>
           </View>
         </ScrollView>
@@ -126,6 +143,23 @@ const styles = StyleSheet.create({
   link: {
     color: '#45bc98',
   },
+  githubStarContainer: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    padding: 10,
+  },
+  githubStarBadge: {
+    borderWidth: 1,
+    borderColor: Colors.dark,
+    borderRadius: 3,
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 10,
+    paddingVertical: 3,
+    fontWeight: '600',
+  }
 });
 
 export default App;

package/src/generators/application/files/app/src/app/star.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+        className="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" />
+</svg>

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

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

package/src/generators/init/init.js

@@ -46,8 +46,9 @@ function updateDependencies(host) {
         'jest-react-native': versions_1.jestReactNativeVersion,
         metro: versions_1.metroVersion,
         'metro-resolver': versions_1.metroVersion,
-        'react-native-codegen': versions_1.reactNativeCodegenVersion,
         'react-test-renderer': versions_1.reactTestRendererVersion,
+        'react-native-svg-transformer': versions_1.reactNativeSvgTransformerVersion,
+        'react-native-svg': versions_1.reactNativeSvgVersion,
     });
 }
 exports.updateDependencies = updateDependencies;

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,yCAMsB;AAEtB,mDAgB8B;AAC9B,2FAAqF;AACrF,qEAA+D;AAC/D,qCAA+C;AAC/C,uCAAiD;AAEjD,SAAsB,wBAAwB,CAAC,IAAU,EAAE,MAAc;;QACvE,6CAAoB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QACjD,wCAAiB,CAAC,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,wBAAiB,CAAC,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,0BAAkB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACvB;QAED,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;YACtB,MAAM,oBAAW,CAAC,IAAI,CAAC,CAAC;SACzB;QAED,OAAO,sCAAgB,CAAC,GAAG,KAAK,CAAC,CAAC;IACpC,CAAC;CAAA;AArBD,4DAqBC;AAED,SAAgB,kBAAkB,CAAC,IAAU;IAC3C,OAAO,qCAA4B,CACjC,IAAI,EACJ;QACE,KAAK,EAAE,uBAAY;QACnB,cAAc,EAAE,6BAAkB;KACnC,EACD;QACE,oBAAoB,EAAE,oBAAS;QAC/B,cAAc,EAAE,4BAAiB;QACjC,qBAAqB,EAAE,kCAAuB;QAC9C,6BAA6B,EAAE,kCAAuB;QACtD,8CAA8C,EAC5C,yCAA8B;QAChC,0CAA0C,EAAE,qCAA0B;QACtE,iCAAiC,EAAE,6CAAkC;QACrE,+BAA+B,EAAE,2CAAgC;QACjE,8BAA8B,EAAE,0CAA+B;QAC/D,mBAAmB,EAAE,iCAAsB;QAC3C,KAAK,EAAE,uBAAY;QACnB,gBAAgB,EAAE,uBAAY;QAC9B,sBAAsB,EAAE,oCAAyB;QACjD,qBAAqB,EAAE,mCAAwB;KAChD,CACF,CAAC;AACJ,CAAC;AAzBD,gDAyBC;AAED,SAAS,cAAc,CAAC,IAAU;IAChC,OAAO,0CAAiC,CAAC,IAAI,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7E,CAAC;AAED,kBAAe,wBAAwB,CAAC;AAC3B,QAAA,wBAAwB,GAAG,2BAAkB,CACxD,wBAAwB,CACzB,CAAC"}
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/generators/init/init.ts"],"names":[],"mappings":";;;;AAAA,iGAA4F;AAC5F,yCAMsB;AAEtB,mDAiB8B;AAC9B,2FAAqF;AACrF,qEAA+D;AAC/D,qCAA+C;AAC/C,uCAAiD;AAEjD,SAAsB,wBAAwB,CAAC,IAAU,EAAE,MAAc;;QACvE,6CAAoB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QACjD,wCAAiB,CAAC,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,wBAAiB,CAAC,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,0BAAkB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACvB;QAED,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;YACtB,MAAM,oBAAW,CAAC,IAAI,CAAC,CAAC;SACzB;QAED,OAAO,sCAAgB,CAAC,GAAG,KAAK,CAAC,CAAC;IACpC,CAAC;CAAA;AArBD,4DAqBC;AAED,SAAgB,kBAAkB,CAAC,IAAU;IAC3C,OAAO,qCAA4B,CACjC,IAAI,EACJ;QACE,KAAK,EAAE,uBAAY;QACnB,cAAc,EAAE,6BAAkB;KACnC,EACD;QACE,oBAAoB,EAAE,oBAAS;QAC/B,cAAc,EAAE,4BAAiB;QACjC,qBAAqB,EAAE,kCAAuB;QAC9C,6BAA6B,EAAE,kCAAuB;QACtD,8CAA8C,EAC5C,yCAA8B;QAChC,0CAA0C,EAAE,qCAA0B;QACtE,iCAAiC,EAAE,6CAAkC;QACrE,+BAA+B,EAAE,2CAAgC;QACjE,8BAA8B,EAAE,0CAA+B;QAC/D,mBAAmB,EAAE,iCAAsB;QAC3C,KAAK,EAAE,uBAAY;QACnB,gBAAgB,EAAE,uBAAY;QAC9B,qBAAqB,EAAE,mCAAwB;QAC/C,8BAA8B,EAAE,2CAAgC;QAChE,kBAAkB,EAAE,gCAAqB;KAC1C,CACF,CAAC;AACJ,CAAC;AA1BD,gDA0BC;AAED,SAAS,cAAc,CAAC,IAAU;IAChC,OAAO,0CAAiC,CAAC,IAAI,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7E,CAAC;AAED,kBAAe,wBAAwB,CAAC;AAC3B,QAAA,wBAAwB,GAAG,2BAAkB,CACxD,wBAAwB,CACzB,CAAC"}

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

@@ -0,0 +1,8 @@
+import { Tree } from '@nrwl/devkit';
+/**
+ * Add support to display svg in react native:
+ * - Add react-native-svg-transform and react-native-svg packages to workspace's package.json.
+ * - Add typing to app's tsconfig.json.
+ * - Add react-native-svg to app's package.json.
+ */
+export default function update(tree: Tree): Promise<void>;

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+/**
+ * Add support to display svg in react native:
+ * - Add react-native-svg-transform and react-native-svg packages to workspace's package.json.
+ * - Add typing to app's tsconfig.json.
+ * - Add react-native-svg to app's package.json.
+ */
+function update(tree) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projects = 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;
+            addReactNativeSvgToAppPackageJson(tree, project);
+            addReactNativeSvgToTsconfig(tree, project);
+            mockSvgInJestConfig(tree, project);
+        });
+        yield devkit_1.formatFiles(tree);
+    });
+}
+exports.default = update;
+function addReactNativeSvgToAppPackageJson(host, project) {
+    const packageJSonPath = `${project.root}/package.json`;
+    if (!host.exists(packageJSonPath))
+        return;
+    devkit_1.updateJson(host, packageJSonPath, (json) => {
+        const dependencies = json.dependencies || {};
+        dependencies['react-native-svg'] = '*';
+        return json;
+    });
+}
+function addReactNativeSvgToTsconfig(host, project) {
+    const tsconfigPath = `${project.root}/tsconfig.json`;
+    if (!host.exists(tsconfigPath))
+        return;
+    const offset = devkit_1.offsetFromRoot(project.root);
+    devkit_1.updateJson(host, tsconfigPath, (json) => {
+        const files = json.files || [];
+        files.push(`${offset}node_modules/@nrwl/react/typings/image.d.ts`);
+        json.files = files;
+        return json;
+    });
+}
+function mockSvgInJestConfig(host, project) {
+    var _a, _b, _c;
+    const jestConfigPath = (_c = (_b = (_a = project.targets) === null || _a === void 0 ? void 0 : _a.test) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c.jestConfig;
+    if (!jestConfigPath || !host.exists(jestConfigPath))
+        return;
+    try {
+        const contents = host.read(jestConfigPath, 'utf-8');
+        if (contents.includes('moduleNameMapper'))
+            return;
+        host.write(jestConfigPath, contents.replace(/,([^,]*)$/, `, moduleNameMapper: {'\\.svg': '@nrwl/react-native/plugins/jest/svg-mock'}, $1`));
+    }
+    catch (_d) {
+        devkit_1.logger.error(devkit_1.stripIndents `Unable to update ${jestConfigPath} for project ${project.root}.`);
+    }
+}
+//# sourceMappingURL=add-react-native-svg-12-10-0.js.map

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

@@ -0,0 +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,oBAAW,CAAC,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,oBAAW,CAAC,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,mBAAU,CAAC,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,uBAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,mBAAU,CAAC,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,qBAAY,CAAA,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

@@ -0,0 +1,79 @@
+import { addProjectConfiguration, readJson, Tree } from '@nrwl/devkit';
+import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
+import {
+  reactNativeSvgTransformerVersion,
+  reactNativeSvgVersion,
+} from '../../utils/versions';
+import update from './add-react-native-svg-12-10-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 react-native-svg to app's tsconfig.json and package.json`, async () => {
+    tree.write('apps/products/tsconfig.json', '{}');
+    tree.write(
+      'apps/products/package.json',
+      JSON.stringify({
+        dependencies: {},
+      })
+    );
+    tree.write(
+      'apps/products/jest.config.js',
+      `module.exports = {
+      preset: 'react-native',
+    };`
+    );
+    await update(tree);
+
+    const tsconfig = readJson(tree, 'apps/products/tsconfig.json');
+    expect(tsconfig.files).toEqual([
+      '../../node_modules/@nrwl/react/typings/image.d.ts',
+    ]);
+
+    const packageJson = readJson(tree, 'apps/products/package.json');
+    expect(packageJson.dependencies).toEqual({ 'react-native-svg': '*' });
+
+    const jestConfig = tree.read('apps/products/jest.config.js', 'utf-8');
+    expect(jestConfig).toContain(
+      `moduleNameMapper: {'\\.svg': '@nrwl/react-native/plugins/jest/svg-mock'},`
+    );
+  });
+
+  it(`should not add react-native-svg to app's tsconfig.json and package.json if files do not exist`, async () => {
+    tree.write(
+      'package.json',
+      JSON.stringify({
+        dependencies: { 'react-native': '*' },
+        devDependencies: {},
+      })
+    );
+
+    await update(tree);
+
+    expect(() => readJson(tree, 'apps/products/tsconfig.json')).toThrow();
+    expect(() => readJson(tree, 'apps/products/package.json')).toThrow();
+  });
+});

package/src/utils/add-jest.js

@@ -20,9 +20,13 @@ function addJest(host, unitTestRunner, projectName, appProjectRoot) {
         const content = `module.exports = {
   displayName: '${projectName}',
   preset: 'react-native',
+  testRunner: 'jest-jasmine2',
   resolver: '@nrwl/jest/plugins/resolver',
   moduleFileExtensions: ['ts', 'js', 'html', 'tsx', 'jsx'],
   setupFilesAfterEnv: ['<rootDir>/test-setup.ts'],
+  moduleNameMapper: {
+    '\\.svg': '@nrwl/react-native/plugins/jest/svg-mock'
+  },
   transform: {
     '\\\\.(js|ts|tsx)$': require.resolve('react-native/jest/preprocessor.js'),
     '^.+\\\\.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$': require.resolve(

package/src/utils/add-jest.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-jest.js","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/add-jest.ts"],"names":[],"mappings":";;;;AACA,qCAAkD;AAElD,SAAsB,OAAO,CAC3B,IAAU,EACV,cAA+B,EAC/B,WAAmB,EACnB,cAAsB;;QAEtB,IAAI,cAAc,KAAK,MAAM,EAAE;YAC7B,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;SACjB;QAED,MAAM,QAAQ,GAAG,MAAM,2BAAoB,CAAC,IAAI,EAAE;YAChD,OAAO,EAAE,WAAW;YACpB,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,IAAI;YACrB,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,kGAAkG;QAClG,MAAM,UAAU,GAAG,GAAG,cAAc,iBAAiB,CAAC;QACtD,MAAM,OAAO,GAAG;kBACA,WAAW;;;;;;;;;;;GAW1B,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAEhC,OAAO,QAAQ,CAAC;IAClB,CAAC;CAAA;AApCD,0BAoCC"}
+{"version":3,"file":"add-jest.js","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/add-jest.ts"],"names":[],"mappings":";;;;AACA,qCAAkD;AAElD,SAAsB,OAAO,CAC3B,IAAU,EACV,cAA+B,EAC/B,WAAmB,EACnB,cAAsB;;QAEtB,IAAI,cAAc,KAAK,MAAM,EAAE;YAC7B,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;SACjB;QAED,MAAM,QAAQ,GAAG,MAAM,2BAAoB,CAAC,IAAI,EAAE;YAChD,OAAO,EAAE,WAAW;YACpB,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,IAAI;YACrB,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,kGAAkG;QAClG,MAAM,UAAU,GAAG,GAAG,cAAc,iBAAiB,CAAC;QACtD,MAAM,OAAO,GAAG;kBACA,WAAW;;;;;;;;;;;;;;;GAe1B,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAEhC,OAAO,QAAQ,CAAC;IAClB,CAAC;CAAA;AAxCD,0BAwCC"}

package/src/utils/versions.d.ts

@@ -1,8 +1,8 @@
 export declare const nxVersion = "*";
 export declare const reactVersion = "17.0.2";
 export declare const typesReactVersion = "17.0.19";
-export declare const reactNativeVersion = "0.65.1";
-export declare const typesReactNativeVersion = "0.64.13";
+export declare const reactNativeVersion = "0.66.0";
+export declare const typesReactNativeVersion = "0.65.3";
 export declare const metroVersion = "0.66.2";
 export declare const reactNativeCommunityCli = "6.0.0";
 export declare const reactNativeCommunityCliIos = "6.0.0";
@@ -12,4 +12,5 @@ export declare const testingLibraryReactNativeVersion = "8.0.0-rc.0";
 export declare const testingLibraryJestNativeVersion = "4.0.2";
 export declare const jestReactNativeVersion = "18.0.0";
 export declare const reactTestRendererVersion = "17.0.2";
-export declare const reactNativeCodegenVersion = "0.0.7";
+export declare const reactNativeSvgTransformerVersion = "0.14.3";
+export declare const reactNativeSvgVersion = "12.1.1";

package/src/utils/versions.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reactNativeCodegenVersion = exports.reactTestRendererVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.metroReactNativeBabelPresetVersion = exports.reactNativeCommunityCliAndroid = exports.reactNativeCommunityCliIos = exports.reactNativeCommunityCli = exports.metroVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.typesReactVersion = exports.reactVersion = exports.nxVersion = void 0;
-exports.nxVersion = '12.10.0-beta.2';
+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.typesReactVersion = exports.reactVersion = exports.nxVersion = void 0;
+exports.nxVersion = '12.10.0-beta.6';
 exports.reactVersion = '17.0.2';
 exports.typesReactVersion = '17.0.19';
-exports.reactNativeVersion = '0.65.1';
-exports.typesReactNativeVersion = '0.64.13';
+exports.reactNativeVersion = '0.66.0';
+exports.typesReactNativeVersion = '0.65.3';
 exports.metroVersion = '0.66.2';
 exports.reactNativeCommunityCli = '6.0.0';
 exports.reactNativeCommunityCliIos = '6.0.0';
@@ -15,5 +15,6 @@ exports.testingLibraryReactNativeVersion = '8.0.0-rc.0';
 exports.testingLibraryJestNativeVersion = '4.0.2';
 exports.jestReactNativeVersion = '18.0.0';
 exports.reactTestRendererVersion = '17.0.2';
-exports.reactNativeCodegenVersion = '0.0.7';
+exports.reactNativeSvgTransformerVersion = '0.14.3';
+exports.reactNativeSvgVersion = '12.1.1';
 //# 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,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,iBAAiB,GAAG,SAAS,CAAC;AAE9B,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,kCAAkC,GAAG,QAAQ,CAAC;AAE9C,QAAA,gCAAgC,GAAG,YAAY,CAAC;AAChD,QAAA,+BAA+B,GAAG,OAAO,CAAC;AAE1C,QAAA,sBAAsB,GAAG,QAAQ,CAAC;AAElC,QAAA,wBAAwB,GAAG,QAAQ,CAAC;AACpC,QAAA,yBAAyB,GAAG,OAAO,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,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,iBAAiB,GAAG,SAAS,CAAC;AAE9B,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,YAAY,CAAC;AAChD,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"}