@nx/react-native 16.0.0-beta.1

package/src/migrations/update-14-0-0/update-entry-file-bundle-14-0-0.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+/**
+ * This function udpate the entry file option under bundle target for react native apps
+ */
+function update(tree) {
+    var _a, _b, _c, _d;
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        const updateTargetEntryFile = (target, config) => {
+            var _a, _b, _c;
+            if (!((_c = (_b = (_a = config.targets) === null || _a === void 0 ? void 0 : _a[target]) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c.entryFile)) {
+                return;
+            }
+            if (tree.exists((0, path_1.join)(config.root, 'src/main.tsx'))) {
+                config.targets[target].options.entryFile = `src/main.tsx`;
+            }
+            if (tree.exists((0, path_1.join)(config.root, 'src/main.js'))) {
+                config.targets[target].options.entryFile = `src/main.js`;
+            }
+        };
+        for (const [name, config] of projects.entries()) {
+            if (((_b = (_a = config.targets) === null || _a === void 0 ? void 0 : _a['bundle-ios']) === null || _b === void 0 ? void 0 : _b.executor) === '@nrwl/react-native:bundle') {
+                updateTargetEntryFile('bundle-ios', config);
+            }
+            if (((_d = (_c = config.targets) === null || _c === void 0 ? void 0 : _c['bundle-android']) === null || _d === void 0 ? void 0 : _d.executor) ===
+                '@nrwl/react-native:bundle') {
+                updateTargetEntryFile('bundle-android', config);
+            }
+            (0, devkit_1.updateProjectConfiguration)(tree, name, config);
+        }
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = update;
+//# sourceMappingURL=update-entry-file-bundle-14-0-0.js.map

package/src/migrations/update-14-0-0/update-entry-file-bundle-14-0-0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-entry-file-bundle-14-0-0.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-14-0-0/update-entry-file-bundle-14-0-0.ts"],"names":[],"mappings":";;;AAAA,uCAKoB;AACpB,+BAA4B;AAE5B;;GAEG;AACH,SAA8B,MAAM,CAAC,IAAU;;;QAC7C,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAEnC,MAAM,qBAAqB,GAAG,CAAC,MAAc,EAAE,MAAM,EAAE,EAAE;;YACvD,IAAI,CAAC,CAAA,MAAA,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAG,MAAM,CAAC,0CAAE,OAAO,0CAAE,SAAS,CAAA,EAAE;gBACjD,OAAO;aACR;YACD,IAAI,IAAI,CAAC,MAAM,CAAC,IAAA,WAAI,EAAC,MAAM,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,EAAE;gBAClD,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,cAAc,CAAC;aAC3D;YACD,IAAI,IAAI,CAAC,MAAM,CAAC,IAAA,WAAI,EAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,EAAE;gBACjD,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,aAAa,CAAC;aAC1D;QACH,CAAC,CAAC;QAEF,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,QAAQ,CAAC,OAAO,EAAE,EAAE;YAC/C,IACE,CAAA,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAG,YAAY,CAAC,0CAAE,QAAQ,MAAK,2BAA2B,EACxE;gBACA,qBAAqB,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;aAC7C;YAED,IACE,CAAA,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAG,gBAAgB,CAAC,0CAAE,QAAQ;gBAC5C,2BAA2B,EAC3B;gBACA,qBAAqB,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;aACjD;YAED,IAAA,mCAA0B,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;SAChD;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;;CACzB;AAjCD,yBAiCC"}

package/src/migrations/update-14-0-0/update-entry-file-bundle-14-0-0.spec.ts

@@ -0,0 +1,84 @@
+import { addProjectConfiguration, Tree, getProjects } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+
+import update from './update-entry-file-bundle-14-0-0';
+
+describe('Update entryFile for bundle target for react native apps', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'products', {
+      root: 'apps/products',
+      sourceRoot: 'apps/products/src',
+      targets: {
+        'bundle-ios': {
+          executor: '@nrwl/react-native:bundle',
+          options: {
+            entryFile: 'apps/mobile/src/main.tsx',
+            platform: 'ios',
+            bundleOutput: 'dist/apps/mobile/ios/main.jsbundle',
+          },
+        },
+        'bundle-android': {
+          executor: '@nrwl/react-native:bundle',
+          options: {
+            entryFile: 'apps/mobile/src/main.tsx',
+            platform: 'android',
+            bundleOutput: 'dist/apps/mobile/android/main.jsbundle',
+          },
+        },
+      },
+    });
+  });
+
+  it(`should update entryFile option`, async () => {
+    tree.write('apps/products/src/main.tsx', '');
+
+    await update(tree);
+
+    getProjects(tree).forEach((project) => {
+      expect(project.targets['bundle-ios']).toEqual({
+        executor: '@nrwl/react-native:bundle',
+        options: {
+          entryFile: 'src/main.tsx',
+          platform: 'ios',
+          bundleOutput: 'dist/apps/mobile/ios/main.jsbundle',
+        },
+      });
+
+      expect(project.targets['bundle-android']).toEqual({
+        executor: '@nrwl/react-native:bundle',
+        options: {
+          entryFile: 'src/main.tsx',
+          platform: 'android',
+          bundleOutput: 'dist/apps/mobile/android/main.jsbundle',
+        },
+      });
+    });
+  });
+
+  it(`should not update entryFile option if the file does not exist`, async () => {
+    await update(tree);
+
+    getProjects(tree).forEach((project) => {
+      expect(project.targets['bundle-ios']).toEqual({
+        executor: '@nrwl/react-native:bundle',
+        options: {
+          entryFile: 'apps/mobile/src/main.tsx',
+          platform: 'ios',
+          bundleOutput: 'dist/apps/mobile/ios/main.jsbundle',
+        },
+      });
+
+      expect(project.targets['bundle-android']).toEqual({
+        executor: '@nrwl/react-native:bundle',
+        options: {
+          entryFile: 'apps/mobile/src/main.tsx',
+          platform: 'android',
+          bundleOutput: 'dist/apps/mobile/android/main.jsbundle',
+        },
+      });
+    });
+  });
+});

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

@@ -0,0 +1,5 @@
+import { Tree } from '@nx/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("@nx/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,uCAOoB;AACpB,+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 '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/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({ layout: 'apps-libs' });
+    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);\n`
+    );
+  });
+
+  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/migrations/update-14-2-1/rename-blockList-metro-config.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Rename blacklistRE to blockList in metro.config.js
+ * @param tree
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-14-2-1/rename-blockList-metro-config.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+/**
+ * Rename blacklistRE to blockList in metro.config.js
+ * @param tree
+ */
+function update(tree) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        projects.forEach((project) => {
+            var _a, _b;
+            const metroConfigPath = `${project.root}/metro.config.js`;
+            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' ||
+                !tree.exists(metroConfigPath))
+                return;
+            try {
+                const metroConfigContent = tree.read(metroConfigPath, 'utf-8');
+                if (!metroConfigContent.includes('blacklistRE:')) {
+                    return;
+                }
+                tree.write(metroConfigPath, metroConfigContent.replace('blacklistRE:', 'blockList:'));
+            }
+            catch (_c) {
+                devkit_1.logger.error((0, devkit_1.stripIndents) `Unable to update ${metroConfigPath} for project ${project.root}.`);
+            }
+        });
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = update;
+//# sourceMappingURL=rename-blockList-metro-config.js.map

package/src/migrations/update-14-2-1/rename-blockList-metro-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rename-blockList-metro-config.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-14-2-1/rename-blockList-metro-config.ts"],"names":[],"mappings":";;;AAAA,uCAMoB;AAEpB;;;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;YAET,IAAI;gBACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;gBAC/D,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;oBAChD,OAAO;iBACR;gBACD,IAAI,CAAC,KAAK,CACR,eAAe,EACf,kBAAkB,CAAC,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,CACzD,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;AA3BD,yBA2BC"}

package/src/migrations/update-14-2-1/rename-blockList-metro-config.spec.ts

@@ -0,0 +1,190 @@
+import { addProjectConfiguration, Tree, getProjects } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+
+import update from './rename-blockList-metro-config';
+
+describe('Rename blacklistRE to blockList in metro.config.js for react native apps', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'products', {
+      root: 'apps/products',
+      sourceRoot: 'apps/products/src',
+      targets: {
+        start: {
+          executor: '@nrwl/react-native:start',
+          options: {
+            port: 8081,
+          },
+        },
+      },
+    });
+  });
+
+  it(`should udpate metro.config.js and Rename blacklistRE to blockList`, async () => {
+    tree.write(
+      'apps/products/metro.config.js',
+      `
+const { withNxMetro } = require('@nx/react-native');
+const { getDefaultConfig } = require('metro-config');
+
+module.exports = (async () => {
+  const {
+    resolver: { sourceExts, assetExts },
+  } = await getDefaultConfig();
+  // console.log(getModulesRunBeforeMainModule);
+  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'],
+        resolverMainFields: ['sbmodern', 'browser', 'main'],
+        blacklistRE: exclusionList([/\.\/dist\/.*/]),
+      },
+    },
+    {
+      // 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: [],
+    }
+  );
+})();
+`
+    );
+    await update(tree);
+
+    expect(tree.read('apps/products/metro.config.js', 'utf-8')).toEqual(`
+const { withNxMetro } = require('@nx/react-native');
+const { getDefaultConfig } = require('metro-config');
+
+module.exports = (async () => {
+  const {
+    resolver: { sourceExts, assetExts },
+  } = await getDefaultConfig();
+  // console.log(getModulesRunBeforeMainModule);
+  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'],
+        resolverMainFields: ['sbmodern', 'browser', 'main'],
+        blockList: exclusionList([/\.\/dist\/.*/]),
+      },
+    },
+    {
+      // 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: [],
+    }
+  );
+})();
+`);
+  });
+
+  it(`should not udpate metro.config.js if blacklistRE does not exist`, async () => {
+    tree.write(
+      'apps/products/metro.config.js',
+      `
+const { withNxMetro } = require('@nx/react-native');
+const { getDefaultConfig } = require('metro-config');
+
+module.exports = (async () => {
+  const {
+    resolver: { sourceExts, assetExts },
+  } = await getDefaultConfig();
+  // console.log(getModulesRunBeforeMainModule);
+  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'],
+        resolverMainFields: ['sbmodern', 'browser', 'main'],
+      },
+    },
+    {
+      projectRoot: __dirname,
+      // 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: [],
+    }
+  );
+})();
+`
+    );
+    await update(tree);
+
+    expect(tree.read('apps/products/metro.config.js', 'utf-8'))
+      .toMatchInlineSnapshot(`
+      "const { withNxMetro } = require('@nx/react-native');
+      const { getDefaultConfig } = require('metro-config');
+
+      module.exports = (async () => {
+        const {
+          resolver: { sourceExts, assetExts },
+        } = await getDefaultConfig();
+        // console.log(getModulesRunBeforeMainModule);
+        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'],
+              resolverMainFields: ['sbmodern', 'browser', 'main'],
+            },
+          },
+          {
+            projectRoot: __dirname,
+            // 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/migrations/update-14-5-5/add-exclude-sync-deps.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This function changes include field from string to array for sync-deps target
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-14-5-5/add-exclude-sync-deps.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+/**
+ * This function changes include field from string to array for sync-deps target
+ */
+function update(tree) {
+    var _a, _b, _c, _d, _e;
+    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['sync-deps']) === null || _b === void 0 ? void 0 : _b.executor) !== '@nrwl/react-native:sync-deps')
+                continue;
+            const include = (_e = (_d = (_c = config.targets) === null || _c === void 0 ? void 0 : _c['sync-deps']) === null || _d === void 0 ? void 0 : _d.options) === null || _e === void 0 ? void 0 : _e.include;
+            if (!include || !include.length) {
+                continue;
+            }
+            config.targets['sync-deps'].options.include = include.split(',');
+            (0, devkit_1.updateProjectConfiguration)(tree, name, config);
+        }
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = update;
+//# sourceMappingURL=add-exclude-sync-deps.js.map

package/src/migrations/update-14-5-5/add-exclude-sync-deps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-exclude-sync-deps.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-14-5-5/add-exclude-sync-deps.ts"],"names":[],"mappings":";;;AAAA,uCAKoB;AAEpB;;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,IACE,CAAA,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAG,WAAW,CAAC,0CAAE,QAAQ,MAAK,8BAA8B;gBAE1E,SAAS;YACX,MAAM,OAAO,GAAG,MAAA,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAG,WAAW,CAAC,0CAAE,OAAO,0CAAE,OAAO,CAAC;YAChE,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC/B,SAAS;aACV;YACD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACjE,IAAA,mCAA0B,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;SAChD;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;;CACzB;AAjBD,yBAiBC"}

package/src/migrations/update-14-5-5/add-exclude-sync-deps.spec.ts

@@ -0,0 +1,39 @@
+import {
+  addProjectConfiguration,
+  readProjectConfiguration,
+  Tree,
+} from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import update from './add-exclude-sync-deps';
+
+describe('add-exclude-sync-deps', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'products', {
+      root: 'apps/products',
+      sourceRoot: 'apps/products/src',
+      targets: {
+        'sync-deps': {
+          executor: '@nrwl/react-native:sync-deps',
+          options: {
+            include: 'react-native-reanmiated,react-native-screens',
+          },
+        },
+      },
+    });
+  });
+
+  it(`should change include from string to array`, async () => {
+    await update(tree);
+
+    const projectConfig = readProjectConfiguration(tree, 'products');
+    expect(projectConfig.targets['sync-deps']).toEqual({
+      executor: '@nrwl/react-native:sync-deps',
+      options: {
+        include: ['react-native-reanmiated', 'react-native-screens'],
+      },
+    });
+  });
+});

package/src/migrations/update-14-5-8/change-searchDir-storybook.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This function changes searchDir field from string to array for storybook target
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-14-5-8/change-searchDir-storybook.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+/**
+ * This function changes searchDir field from string to array for storybook target
+ */
+function update(tree) {
+    var _a, _b, _c, _d, _e;
+    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['storybook']) === null || _b === void 0 ? void 0 : _b.executor) !== '@nrwl/react-native:storybook')
+                continue;
+            const searchDir = (_e = (_d = (_c = config.targets) === null || _c === void 0 ? void 0 : _c['storybook']) === null || _d === void 0 ? void 0 : _d.options) === null || _e === void 0 ? void 0 : _e.searchDir;
+            if (!searchDir || !searchDir.length || Array.isArray(searchDir)) {
+                continue;
+            }
+            config.targets['storybook'].options.searchDir = searchDir.split(',');
+            (0, devkit_1.updateProjectConfiguration)(tree, name, config);
+        }
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = update;
+//# sourceMappingURL=change-searchDir-storybook.js.map

package/src/migrations/update-14-5-8/change-searchDir-storybook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-searchDir-storybook.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-14-5-8/change-searchDir-storybook.ts"],"names":[],"mappings":";;;AAAA,uCAKoB;AAEpB;;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,IACE,CAAA,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAG,WAAW,CAAC,0CAAE,QAAQ,MAAK,8BAA8B;gBAE1E,SAAS;YACX,MAAM,SAAS,GAAG,MAAA,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAG,WAAW,CAAC,0CAAE,OAAO,0CAAE,SAAS,CAAC;YACpE,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gBAC/D,SAAS;aACV;YACD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACrE,IAAA,mCAA0B,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;SAChD;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;;CACzB;AAjBD,yBAiBC"}

package/src/migrations/update-14-5-8/change-searchDir-storybook.spec.ts

@@ -0,0 +1,39 @@
+import {
+  addProjectConfiguration,
+  readProjectConfiguration,
+  Tree,
+} from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import update from './change-searchDir-storybook';
+
+describe('change-searchDir-storybook', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'products', {
+      root: 'apps/products',
+      sourceRoot: 'apps/products/src',
+      targets: {
+        storybook: {
+          executor: '@nrwl/react-native:storybook',
+          options: {
+            searchDir: 'apps/products',
+          },
+        },
+      },
+    });
+  });
+
+  it(`should change searchDir from string to array`, async () => {
+    await update(tree);
+
+    const projectConfig = readProjectConfiguration(tree, 'products');
+    expect(projectConfig.targets['storybook']).toEqual({
+      executor: '@nrwl/react-native:storybook',
+      options: {
+        searchDir: ['apps/products'],
+      },
+    });
+  });
+});

package/src/migrations/update-14-6-0/remove-jest-transform.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Remove transfrom and testRunner in jest
+ */
+export default function update(tree: Tree): Promise<void>;