@nx/react-native 16.10.0 → 17.0.0-beta.2

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    const updateTargetEntryFile = (target, config) => {
-        if (!config.targets?.[target]?.options?.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 (config.targets?.['bundle-ios']?.executor === '@nrwl/react-native:bundle') {
-            updateTargetEntryFile('bundle-ios', config);
-        }
-        if (config.targets?.['bundle-android']?.executor ===
-            '@nrwl/react-native:bundle') {
-            updateTargetEntryFile('bundle-android', config);
-        }
-        (0, devkit_1.updateProjectConfiguration)(tree, name, config);
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = update;

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

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

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

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-const path_1 = require("path");
-/**
- * This function changes "main" tag to project's className
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    for (const [name, config] of projects.entries()) {
-        if (config.targets?.start?.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 {
-            devkit_1.logger.error((0, devkit_1.stripIndents) `Unable to update ${mailFilePath} for project ${name}.`);
-        }
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = update;

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

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

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-/**
- * Rename blacklistRE to blockList in metro.config.js
- * @param tree
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    projects.forEach((project) => {
-        const metroConfigPath = `${project.root}/metro.config.js`;
-        if (project.targets?.start?.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 {
-            devkit_1.logger.error((0, devkit_1.stripIndents) `Unable to update ${metroConfigPath} for project ${project.root}.`);
-        }
-    });
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = update;

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

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

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-/**
- * This function changes include field from string to array for sync-deps target
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    for (const [name, config] of projects.entries()) {
-        if (config.targets?.['sync-deps']?.executor !== '@nrwl/react-native:sync-deps')
-            continue;
-        const include = config.targets?.['sync-deps']?.options?.include;
-        if (!include || !include.length) {
-            continue;
-        }
-        config.targets['sync-deps'].options.include = include.split(',');
-        (0, devkit_1.updateProjectConfiguration)(tree, name, config);
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = update;

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

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

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-/**
- * This function changes searchDir field from string to array for storybook target
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    for (const [name, config] of projects.entries()) {
-        if (config.targets?.['storybook']?.executor !== '@nrwl/react-native:storybook')
-            continue;
-        const searchDir = config.targets?.['storybook']?.options?.searchDir;
-        if (!searchDir || !searchDir.length || Array.isArray(searchDir)) {
-            continue;
-        }
-        config.targets['storybook'].options.searchDir = searchDir.split(',');
-        (0, devkit_1.updateProjectConfiguration)(tree, name, config);
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = update;

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

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

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

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

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
-const jest_1 = require("@nx/jest");
-const path_1 = require("path");
-/**
- * Remove transfrom and testRunner in jest
- */
-async function update(tree) {
-    (0, executor_options_utils_1.forEachExecutorOptions)(tree, '@nrwl/jest:jest', (options, projectName) => {
-        if (options.jestConfig && tree.exists(options.jestConfig)) {
-            const jestConfig = tree.read(options.jestConfig, 'utf-8');
-            if (jestConfig.includes(`preset: 'react-native'`)) {
-                const project = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-                removeTransform(tree, project);
-                renameBabelJson(tree, project);
-            }
-        }
-    });
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = update;
-function removeTransform(host, project) {
-    const jestConfigPath = project.targets?.test?.options?.jestConfig;
-    if (!jestConfigPath || !host.exists(jestConfigPath))
-        return;
-    try {
-        (0, jest_1.removePropertyFromJestConfig)(host, jestConfigPath, 'transform');
-        (0, jest_1.removePropertyFromJestConfig)(host, jestConfigPath, 'testRunner');
-    }
-    catch {
-        devkit_1.logger.error((0, devkit_1.stripIndents) `Unable to update ${jestConfigPath} for project ${project.root}.`);
-    }
-}
-function renameBabelJson(host, project) {
-    const babelrcPath = (0, path_1.join)(project.root, '.babelrc');
-    const babelJsonPath = (0, path_1.join)(project.root, 'babel.config.json');
-    if (!host.exists(babelrcPath)) {
-        return;
-    }
-    try {
-        const buffer = host.read(babelrcPath);
-        if (!buffer) {
-            return;
-        }
-        host.write(babelJsonPath, buffer);
-        host.delete(babelrcPath);
-    }
-    catch {
-        devkit_1.logger.error((0, devkit_1.stripIndents) `Unable to rename from ${babelrcPath} to ${babelJsonPath} for project ${project.root}.`);
-    }
-}