@nx/react-native 21.0.0-beta.8 → 21.0.0-beta.9

package/migrations.json

@@ -1,41 +1,5 @@
 {
   "generators": {
-    "update-18-0-0-add-web-configuration": {
-      "cli": "nx",
-      "version": "18.0.0-beta.0",
-      "description": "Add web configuration to react native projects",
-      "implementation": "./src/migrations/update-18-0-0/add-web-configuration"
-    },
-    "update-18-0-0-change-storybook-targets": {
-      "cli": "nx",
-      "version": "18.0.0-beta.0",
-      "description": "Upgrade react native storybook target to use web",
-      "implementation": "./src/migrations/update-18-0-0/change-storybook-targets"
-    },
-    "update-18-0-0-remove-block-list": {
-      "cli": "nx",
-      "version": "18.0.0-beta.0",
-      "description": "Remove blockList in metro.config.js.",
-      "implementation": "./src/migrations/update-18-0-0/remove-block-list"
-    },
-    "update-18-0-0-remove-metro": {
-      "cli": "nx",
-      "version": "18.0.0-beta.0",
-      "description": "Remove metro-* and @react-native-community/cli-* from package.json devDependencies",
-      "implementation": "./src/migrations/update-18-0-0/remove-metro"
-    },
-    "update-18-0-0-remove-symlink-target": {
-      "cli": "nx",
-      "version": "18.0.0-beta.0",
-      "description": "Remove ensure-symlink target",
-      "implementation": "./src/migrations/update-18-0-0/remove-symlink-target"
-    },
-    "update-18-0-0-add-upgrade-target": {
-      "cli": "nx",
-      "version": "18.0.0-beta.0",
-      "description": "Add upgrade target to react native projects",
-      "implementation": "./src/migrations/update-18-0-0/add-upgrade-target"
-    },
     "update-19-6-0-rename-upgrade-target-name": {
       "cli": "nx",
       "version": "19.6.0-beta.1",
@@ -44,96 +8,6 @@
     }
   },
   "packageJsonUpdates": {
-    "17.1.0": {
-      "version": "17.1.0-beta.1",
-      "packages": {
-        "react-native": {
-          "version": "0.72.6",
-          "alwaysAddToPackageJson": false
-        },
-        "metro": {
-          "version": "0.76.8",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-resolver": {
-          "version": "0.76.8",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-config": {
-          "version": "0.76.8",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-react-native-babel-preset": {
-          "version": "0.76.8",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-babel-register": {
-          "version": "0.76.8",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-react-native-babel-transformer": {
-          "version": "0.76.7",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli": {
-          "version": "11.3.7",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-android": {
-          "version": "11.3.7",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-ios": {
-          "version": "11.3.7",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
-    "17.3.0": {
-      "version": "17.3.0-beta.3",
-      "packages": {
-        "@types/node": {
-          "version": "18.16.9"
-        }
-      }
-    },
-    "18.0.0": {
-      "version": "18.0.0-beta.0",
-      "packages": {
-        "react-native": {
-          "version": "0.73.2",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native/babel-preset": {
-          "version": "^0.73.18",
-          "addToPackageJson": "devDependencies"
-        },
-        "@react-native/metro-config": {
-          "version": "^0.73.2",
-          "addToPackageJson": "devDependencies"
-        },
-        "@types/react": {
-          "version": "~18.2.45",
-          "alwaysAddToPackageJson": false
-        },
-        "@testing-library/react-native": {
-          "version": "~12.4.2",
-          "alwaysAddToPackageJson": false
-        },
-        "react-native-svg-transformer": {
-          "version": "1.2.0",
-          "alwaysAddToPackageJson": false
-        },
-        "react-native-svg": {
-          "version": "14.1.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-android": {
-          "version": "12.3.0",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
     "19.0.0": {
       "version": "19.0.0-beta.7",
       "packages": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react-native",
-  "version": "21.0.0-beta.8",
+  "version": "21.0.0-beta.9",
   "private": false,
   "description": "The Nx Plugin for React Native contains generators for managing React Native applications and libraries within an Nx workspace. It provides: \n\n-Integration with libraries such as Jest, Detox, and Storybook.\n-Scaffolding for creating buildable libraries that can be published to npm.\n-Utilities for automatic workspace refactoring.",
   "keywords": [
@@ -35,12 +35,12 @@
     "picocolors": "^1.1.0",
     "tsconfig-paths": "^4.1.2",
     "tslib": "^2.3.0",
-    "@nx/devkit": "21.0.0-beta.8",
-    "@nx/jest": "21.0.0-beta.8",
-    "@nx/js": "21.0.0-beta.8",
-    "@nx/eslint": "21.0.0-beta.8",
-    "@nx/react": "21.0.0-beta.8",
-    "@nx/workspace": "21.0.0-beta.8"
+    "@nx/devkit": "21.0.0-beta.9",
+    "@nx/jest": "21.0.0-beta.9",
+    "@nx/js": "21.0.0-beta.9",
+    "@nx/eslint": "21.0.0-beta.9",
+    "@nx/react": "21.0.0-beta.9",
+    "@nx/workspace": "21.0.0-beta.9"
   },
   "executors": "./executors.json",
   "ng-update": {

package/project.json

@@ -39,11 +39,8 @@
       }
     },
     "build": {
-      "executor": "nx:run-commands",
-      "outputs": ["{workspaceRoot}/build/packages/react-native"],
-      "options": {
-        "command": "node ./scripts/copy-readme.js react-native"
-      }
+      "outputs": ["{workspaceRoot}/build/packages/react-native/README.md"],
+      "command": "node ./scripts/copy-readme.js react-native"
     }
   }
 }

package/src/migrations/update-18-0-0/add-upgrade-target.d.ts

@@ -1,6 +0,0 @@
-import { Tree } from '@nx/devkit';
-/**
- * Add target upgrade for react native apps
- * Remove pod-install from dependsOn for all targets, it does pod-install when creating the app
- */
-export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/add-upgrade-target.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = update;
-const devkit_1 = require("@nx/devkit");
-/**
- * Add target upgrade for react native apps
- * Remove pod-install from dependsOn for all targets, it does pod-install when creating the app
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    for (const [name, config] of projects.entries()) {
-        if (config.targets?.['start']?.executor === '@nx/react-native:start') {
-            if (!config.targets['upgrade']) {
-                config.targets.upgrade = {
-                    executor: '@nx/react-native:upgrade',
-                    options: {},
-                };
-            }
-            if (config.targets?.['pod-install']?.executor ===
-                '@nx/react-native:pod-install') {
-                for (const targetName in config.targets) {
-                    if (config.targets[targetName]?.dependsOn?.length) {
-                        config.targets[targetName].dependsOn = config.targets[targetName].dependsOn.filter((dependsOn) => dependsOn !== 'pod-install');
-                    }
-                }
-            }
-            (0, devkit_1.updateProjectConfiguration)(tree, name, config);
-        }
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}

package/src/migrations/update-18-0-0/add-web-configuration.d.ts

@@ -1,8 +0,0 @@
-import { GeneratorCallback, Tree } from '@nx/devkit';
-/**
- * Add web configuration to react native projects
- * - delete the current serve target which is just a pass-through to start target
- * - rename the babel.config.json to to babel-v72.config.json
- * - add web confiugration, it will add .babelrc.js
- */
-export default function update(tree: Tree): Promise<GeneratorCallback>;

package/src/migrations/update-18-0-0/add-web-configuration.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = update;
-const devkit_1 = require("@nx/devkit");
-const web_configuration_1 = require("../../generators/web-configuration/web-configuration");
-/**
- * Add web configuration to react native projects
- * - delete the current serve target which is just a pass-through to start target
- * - rename the babel.config.json to to babel-v72.config.json
- * - add web confiugration, it will add .babelrc.js
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    const tasks = [];
-    for (const [projectName, config] of projects.entries()) {
-        if (config.targets?.['start']?.executor === '@nx/react-native:start') {
-            if (config.targets['serve'] &&
-                config.targets['serve'].executor === 'nx:run-commands' &&
-                config.targets['serve'].options?.command?.startsWith('nx start')) {
-                delete config.targets['serve'];
-                (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
-            }
-            if (tree.exists((0, devkit_1.joinPathFragments)(config.root, 'babel.config.json'))) {
-                tree.rename((0, devkit_1.joinPathFragments)(config.root, 'babel.config.json'), (0, devkit_1.joinPathFragments)(config.root, 'babel-v72.config.json'));
-            }
-            tasks.push(await (0, web_configuration_1.default)(tree, {
-                project: config.name,
-                bundler: 'webpack',
-            }));
-        }
-    }
-    return (0, devkit_1.runTasksInSerial)(...tasks);
-}

package/src/migrations/update-18-0-0/change-storybook-targets.d.ts

@@ -1,5 +0,0 @@
-import { GeneratorCallback, Tree } from '@nx/devkit';
-/**
- * Upgrade react native storybook target to use web
- */
-export default function changeStorybookTargets(tree: Tree): Promise<GeneratorCallback>;

package/src/migrations/update-18-0-0/change-storybook-targets.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = changeStorybookTargets;
-const devkit_1 = require("@nx/devkit");
-const output_1 = require("nx/src/utils/output");
-const migrate_7_1 = require("@nx/storybook/src/generators/migrate-7/migrate-7");
-const utilities_1 = require("@nx/storybook/src/utils/utilities");
-const configuration_1 = require("@nx/react/src/generators/storybook-configuration/configuration");
-/**
- * Upgrade react native storybook target to use web
- */
-async function changeStorybookTargets(tree) {
-    const tasks = [];
-    // update the storybook target
-    const projects = (0, devkit_1.getProjects)(tree);
-    let hasStorybookTarget = false;
-    for (const [projectName, config] of projects.entries()) {
-        if (config.targets?.['storybook']?.executor === '@nx/react-native:storybook') {
-            hasStorybookTarget = true;
-            delete config.targets['storybook'];
-            (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
-            tasks.push(await (0, configuration_1.default)(tree, {
-                project: projectName,
-            }));
-        }
-    }
-    /**
-     * This just checks if Storybook is installed in the workspace.
-     * The thing here is that during the previous step of the migration,
-     * during packageJsonUpdates, Nx has already set Storybook
-     * to version 7, if Storybook exists in the workspace.
-     * So, it makes no sense here to check if the version is
-     * 7, because it will always be.
-     */
-    const storybookVersion = (0, utilities_1.storybookMajorVersion)();
-    if (!hasStorybookTarget || !storybookVersion) {
-        return;
-    }
-    output_1.output.log({
-        title: 'Migrating Storybook to v7',
-        bodyLines: [
-            `🚀 This migration will update your Storybook configuration to v7.`,
-            `It will call the @nx/storybook:migrate-7 generator for you.`,
-            `You can read more about the migration and how this generator works here:`,
-            `https://nx.dev/nx-api/storybook/generators/migrate-7`,
-        ],
-    });
-    tasks.push(await (0, migrate_7_1.default)(tree, { autoAcceptAllPrompts: true }));
-    tasks.push((0, devkit_1.removeDependenciesFromPackageJson)(tree, [], [
-        '@storybook/react-native',
-        '@storybook/addon-ondevice-actions',
-        '@storybook/addon-ondevice-backgrounds',
-        '@storybook/addon-ondevice-controls',
-        '@storybook/addon-ondevice-notes',
-    ]));
-    return (0, devkit_1.runTasksInSerial)(...tasks);
-}

package/src/migrations/update-18-0-0/remove-block-list.d.ts

@@ -1,6 +0,0 @@
-import { Tree } from '@nx/devkit';
-/**
- * This migration removes blockList in metro.config.js.
- * It is now excluding dist folder in watchFolders in withNxMetro.
- */
-export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/remove-block-list.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = update;
-const devkit_1 = require("@nx/devkit");
-/**
- * This migration removes blockList in metro.config.js.
- * It is now excluding dist folder in watchFolders in withNxMetro.
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    for (const [_, config] of projects.entries()) {
-        if (config.targets?.['start']?.executor === '@nx/react-native:start') {
-            if (tree.exists((0, devkit_1.joinPathFragments)(config.root, 'metro.config.js'))) {
-                let content = tree
-                    .read((0, devkit_1.joinPathFragments)(config.root, 'metro.config.js'))
-                    .toString();
-                content = content.replace(/blockList: exclusionList(.+?(?=\n))/, '');
-                content = content.replace('// unstable_enableSymlinks: true,', '');
-                content = content.replace('// unstable_enablePackageExports: true,', '');
-                content = content.replace('unstable_enableSymlinks: true,', '');
-                content = content.replace('unstable_enablePackageExports: true,', '');
-                content = content.replace(`const exclusionList = require('metro-config/src/defaults/exclusionList');`, '');
-                tree.write((0, devkit_1.joinPathFragments)(config.root, 'metro.config.js'), content);
-                await (0, devkit_1.formatFiles)(tree);
-            }
-        }
-    }
-}

package/src/migrations/update-18-0-0/remove-metro.d.ts

@@ -1,14 +0,0 @@
-import { Tree } from '@nx/devkit';
-/**
- * Remove metro-* package since it is no longer explicity required in package.json.
- * react-native has dependency of @react-native/community-cli-plugin
- * @react-native/community-cli-plugin has dependency of metro
- *
- * Also remove @react-native-community/cli-* since it is a dependency of react-native.
- * (excpet reactNativeCommunityCliPlatformAndroidVersion because android files refer it by path)
- *
- * https://react-native-community.github.io/upgrade-helper/?from=0.72.6&to=0.73.1#RnDiffApp-package.json
- * @param tree
- * @returns
- */
-export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/remove-metro.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = update;
-const devkit_1 = require("@nx/devkit");
-/**
- * Remove metro-* package since it is no longer explicity required in package.json.
- * react-native has dependency of @react-native/community-cli-plugin
- * @react-native/community-cli-plugin has dependency of metro
- *
- * Also remove @react-native-community/cli-* since it is a dependency of react-native.
- * (excpet reactNativeCommunityCliPlatformAndroidVersion because android files refer it by path)
- *
- * https://react-native-community.github.io/upgrade-helper/?from=0.72.6&to=0.73.1#RnDiffApp-package.json
- * @param tree
- * @returns
- */
-async function update(tree) {
-    (0, devkit_1.removeDependenciesFromPackageJson)(tree, [], [
-        'metro',
-        'metro-resolver',
-        'metro-config',
-        'metro-react-native-babel-preset',
-        'metro-babel-register',
-        'metro-react-native-babel-transformer',
-        '@react-native-community/cli',
-        '@react-native-community/cli-platform-ios',
-    ]);
-    await (0, devkit_1.formatFiles)(tree);
-}

package/src/migrations/update-18-0-0/remove-symlink-target.d.ts

@@ -1,6 +0,0 @@
-import { Tree } from '@nx/devkit';
-/**
- * Remove ensure-symlink target.
- * It is going to be supported by react-native version 0.73 by default.
- */
-export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/remove-symlink-target.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = update;
-const devkit_1 = require("@nx/devkit");
-const node_fs_1 = require("node:fs");
-/**
- * Remove ensure-symlink target.
- * It is going to be supported by react-native version 0.73 by default.
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    for (const [projectName, config] of projects.entries()) {
-        if (config.targets?.['ensure-symlink']?.executor ===
-            '@nx/react-native:ensure-symlink') {
-            removeTargets(config.targets, 'ensure-symlink');
-            (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
-            (0, node_fs_1.rmSync)(`${config.root}/node_modules`, { recursive: true, force: true });
-        }
-    }
-}
-function removeTargets(targets, targetNameToRemove) {
-    for (const targetName in targets) {
-        if (targetName === targetNameToRemove) {
-            delete targets[targetName];
-        }
-        if (targets[targetName]?.dependsOn?.length) {
-            targets[targetName].dependsOn = targets[targetName].dependsOn.filter((dependsOn) => dependsOn !== targetNameToRemove);
-        }
-    }
-}