@nrwl/react-native 14.0.3 → 14.0.4

package/migrations.json

@@ -35,6 +35,12 @@
       "cli": "nx",
       "description": "Add projectRoot option in metro.config.js",
       "factory": "./src/migrations/update-14-0-0/add-project-root-metro-config-14-0-0"
+    },
+    "change-main-to-class-name-14-0-2": {
+      "version": "14.0.3-beta.0",
+      "cli": "nx",
+      "description": "changes 'main' tag to project's className",
+      "factory": "./src/migrations/update-14-0-2/change-main-to-class-name-14-0-2"
     }
   },
   "packageJsonUpdates": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrwl/react-native",
-  "version": "14.0.3",
+  "version": "14.0.4",
   "description": "React Native brings React's declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform.\n\nThe Nx Plugin for React Native contains generators for managing React Native applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Detox, and Storybook.\n\n- Scaffolding for creating buildable libraries that can be published to npm.\n\n- Utilities for automatic workspace refactoring.",
   "keywords": [
     "Monorepo",
@@ -24,13 +24,13 @@
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@nrwl/detox": "14.0.3",
-    "@nrwl/devkit": "14.0.3",
-    "@nrwl/jest": "14.0.3",
-    "@nrwl/linter": "14.0.3",
-    "@nrwl/storybook": "14.0.3",
-    "@nrwl/react": "14.0.3",
-    "@nrwl/workspace": "14.0.3",
+    "@nrwl/detox": "14.0.4",
+    "@nrwl/devkit": "14.0.4",
+    "@nrwl/jest": "14.0.4",
+    "@nrwl/linter": "14.0.4",
+    "@nrwl/storybook": "14.0.4",
+    "@nrwl/react": "14.0.4",
+    "@nrwl/workspace": "14.0.4",
     "chalk": "^4.1.0",
     "enhanced-resolve": "^5.8.3",
     "fs-extra": "^9.1.0",

package/src/migrations/update-14-0-0/add-project-root-metro-config-14-0-0.js

@@ -20,8 +20,6 @@ function update(tree) {
                 if (metroConfigContent.includes('projectRoot: __dirname')) {
                     return;
                 }
-                if (metroConfigContent.includes('projectRoot'))
-                    return;
                 tree.write(metroConfigPath, metroConfigContent.replace('debug: ', 'projectRoot: __dirname, watchFolders: [], debug: '));
             }
             catch (_c) {

package/src/migrations/update-14-0-0/add-project-root-metro-config-14-0-0.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-project-root-metro-config-14-0-0.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-14-0-0/add-project-root-metro-config-14-0-0.ts"],"names":[],"mappings":";;;AAAA,yCAMsB;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,MAAM,eAAe,GAAG,GAAG,OAAO,CAAC,IAAI,kBAAkB,CAAC;YAC1D,IACE,CAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B;gBAC/D,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;gBAE7B,OAAO;YACT,IAAI;gBACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;gBAC/D,IAAI,kBAAkB,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE;oBACzD,OAAO;iBACR;gBACD,IAAI,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC;oBAAE,OAAO;gBACvD,IAAI,CAAC,KAAK,CACR,eAAe,EACf,kBAAkB,CAAC,OAAO,CACxB,SAAS,EACT,mDAAmD,CACpD,CACF,CAAC;aACH;YAAC,WAAM;gBACN,eAAM,CAAC,KAAK,CACV,IAAA,qBAAY,EAAA,oBAAoB,eAAe,gBAAgB,OAAO,CAAC,IAAI,GAAG,CAC/E,CAAC;aACH;QACH,CAAC,CAAC,CAAC;QACH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AA9BD,yBA8BC"}
+{"version":3,"file":"add-project-root-metro-config-14-0-0.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-14-0-0/add-project-root-metro-config-14-0-0.ts"],"names":[],"mappings":";;;AAAA,yCAMsB;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,MAAM,eAAe,GAAG,GAAG,OAAO,CAAC,IAAI,kBAAkB,CAAC;YAC1D,IACE,CAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B;gBAC/D,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;gBAE7B,OAAO;YACT,IAAI;gBACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;gBAC/D,IAAI,kBAAkB,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE;oBACzD,OAAO;iBACR;gBACD,IAAI,CAAC,KAAK,CACR,eAAe,EACf,kBAAkB,CAAC,OAAO,CACxB,SAAS,EACT,mDAAmD,CACpD,CACF,CAAC;aACH;YAAC,WAAM;gBACN,eAAM,CAAC,KAAK,CACV,IAAA,qBAAY,EAAA,oBAAoB,eAAe,gBAAgB,OAAO,CAAC,IAAI,GAAG,CAC/E,CAAC;aACH;QACH,CAAC,CAAC,CAAC;QACH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AA7BD,yBA6BC"}

package/src/migrations/update-14-0-2/change-main-to-class-name-14-0-2.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from '@nrwl/devkit';
+/**
+ * This function changes "main" tag to project's className
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-14-0-2/change-main-to-class-name-14-0-2.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+const path_1 = require("path");
+/**
+ * This function changes "main" tag to project's className
+ */
+function update(tree) {
+    var _a, _b;
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        for (const [name, config] of projects.entries()) {
+            if (((_b = (_a = config.targets) === null || _a === void 0 ? void 0 : _a.start) === null || _b === void 0 ? void 0 : _b.executor) !== '@nrwl/react-native:start')
+                continue;
+            let mailFilePath;
+            if (tree.exists((0, path_1.join)(config.root, 'src/main.tsx'))) {
+                mailFilePath = (0, path_1.join)(config.root, 'src/main.tsx');
+            }
+            if (tree.exists((0, path_1.join)(config.root, 'src/main.js'))) {
+                mailFilePath = (0, path_1.join)(config.root, 'src/main.js');
+            }
+            if (!mailFilePath) {
+                continue;
+            }
+            try {
+                const { className } = (0, devkit_1.names)(name);
+                const content = tree.read(mailFilePath, 'utf-8');
+                if (!content.includes(`'main'`)) {
+                    return;
+                }
+                tree.write(mailFilePath, content.replace(`'main'`, `'${className}'`));
+            }
+            catch (_c) {
+                devkit_1.logger.error((0, devkit_1.stripIndents) `Unable to update ${mailFilePath} for project ${name}.`);
+            }
+        }
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = update;
+//# sourceMappingURL=change-main-to-class-name-14-0-2.js.map

package/src/migrations/update-14-0-2/change-main-to-class-name-14-0-2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-main-to-class-name-14-0-2.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-14-0-2/change-main-to-class-name-14-0-2.ts"],"names":[],"mappings":";;;AAAA,yCAOsB;AACtB,+BAA4B;AAE5B;;GAEG;AACH,SAA8B,MAAM,CAAC,IAAU;;;QAC7C,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAEnC,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,QAAQ,CAAC,OAAO,EAAE,EAAE;YAC/C,IAAI,CAAA,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B;gBAChE,SAAS;YACX,IAAI,YAAY,CAAC;YACjB,IAAI,IAAI,CAAC,MAAM,CAAC,IAAA,WAAI,EAAC,MAAM,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,EAAE;gBAClD,YAAY,GAAG,IAAA,WAAI,EAAC,MAAM,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;aAClD;YACD,IAAI,IAAI,CAAC,MAAM,CAAC,IAAA,WAAI,EAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,EAAE;gBACjD,YAAY,GAAG,IAAA,WAAI,EAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;aACjD;YACD,IAAI,CAAC,YAAY,EAAE;gBACjB,SAAS;aACV;YACD,IAAI;gBACF,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAK,EAAC,IAAI,CAAC,CAAC;gBAClC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;gBACjD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;oBAC/B,OAAO;iBACR;gBACD,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC;aACvE;YAAC,WAAM;gBACN,eAAM,CAAC,KAAK,CACV,IAAA,qBAAY,EAAA,oBAAoB,YAAY,gBAAgB,IAAI,GAAG,CACpE,CAAC;aACH;SACF;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;;CACzB;AA/BD,yBA+BC"}

package/src/migrations/update-14-0-2/change-main-to-class-name-14-0-2.spec.ts

@@ -0,0 +1,48 @@
+import { addProjectConfiguration, Tree } from '@nrwl/devkit';
+import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
+
+import update from './change-main-to-class-name-14-0-2';
+
+describe('Change from main tag to className tag', () => {
+  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,
+          },
+        },
+      },
+    });
+  });
+
+  it(`should udpate main file to registerComponent className`, async () => {
+    tree.write(
+      'apps/products/src/main.tsx',
+      `AppRegistry.registerComponent('main', () => App);`
+    );
+    await update(tree);
+
+    expect(tree.read('apps/products/src/main.tsx', 'utf-8')).toEqual(
+      `AppRegistry.registerComponent('Products', () => App);`
+    );
+  });
+
+  it(`should not udpate main file to registerComponent className if it does not exists`, async () => {
+    tree.write(
+      'apps/products/src/main.tsx',
+      `AppRegistry.registerComponent('otherTagName', () => App);`
+    );
+    await update(tree);
+
+    expect(tree.read('apps/products/src/main.tsx', 'utf-8')).toEqual(
+      `AppRegistry.registerComponent('otherTagName', () => App);`
+    );
+  });
+});

package/src/utils/versions.js

@@ -1,7 +1,7 @@
 "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.reactNativeAsyncStorageAsyncStorageVersion = exports.reactNativeConfigVersion = exports.reactNativeCommunityCliAndroid = exports.reactNativeCommunityCliIos = exports.reactNativeCommunityCli = exports.metroVersion = exports.typesNodeVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
-exports.nxVersion = '14.0.3';
+exports.nxVersion = '14.0.4';
 exports.reactNativeVersion = '0.68.1';
 exports.typesReactNativeVersion = '0.67.4';
 exports.typesNodeVersion = '16.11.7';