@nx/react-native 20.0.0-beta.3 → 20.0.0-beta.5

package/.eslintrc.json

@@ -43,6 +43,18 @@
           }
         ]
       }
+    },
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {
+        "no-restricted-imports": [
+          "error",
+          {
+            "name": "fs-extra",
+            "message": "Please use equivalent utilities from `node:fs` instead."
+          }
+        ]
+      }
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react-native",
-  "version": "20.0.0-beta.3",
+  "version": "20.0.0-beta.5",
   "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": [
@@ -29,7 +29,6 @@
     "ajv": "^8.12.0",
     "chalk": "^4.1.0",
     "enhanced-resolve": "^5.8.3",
-    "fs-extra": "^11.1.0",
     "glob": "7.1.4",
     "ignore": "^5.0.4",
     "metro-config": "~0.80.4",
@@ -37,13 +36,12 @@
     "node-fetch": "^2.6.7",
     "tsconfig-paths": "^4.1.2",
     "tslib": "^2.3.0",
-    "@nx/devkit": "20.0.0-beta.3",
-    "@nx/jest": "20.0.0-beta.3",
-    "@nx/js": "20.0.0-beta.3",
-    "@nx/eslint": "20.0.0-beta.3",
-    "@nx/react": "20.0.0-beta.3",
-    "@nx/workspace": "20.0.0-beta.3",
-    "@nrwl/react-native": "20.0.0-beta.3"
+    "@nx/devkit": "20.0.0-beta.5",
+    "@nx/jest": "20.0.0-beta.5",
+    "@nx/js": "20.0.0-beta.5",
+    "@nx/eslint": "20.0.0-beta.5",
+    "@nx/react": "20.0.0-beta.5",
+    "@nx/workspace": "20.0.0-beta.5"
   },
   "executors": "./executors.json",
   "ng-update": {

package/plugins/with-nx-metro.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.withNxMetro = withNxMetro;
 const devkit_1 = require("@nx/devkit");
 const metro_config_1 = require("metro-config");
-const fs_extra_1 = require("fs-extra");
+const node_fs_1 = require("node:fs");
 const path_1 = require("path");
 const metro_resolver_1 = require("./metro-resolver");
 async function withNxMetro(userConfig, opts = {}) {
@@ -12,14 +12,14 @@ async function withNxMetro(userConfig, opts = {}) {
         process.env.NX_REACT_NATIVE_DEBUG = 'true';
     if (opts.extensions)
         extensions.push(...opts.extensions);
-    let watchFolders = (0, fs_extra_1.readdirSync)(devkit_1.workspaceRoot)
+    let watchFolders = (0, node_fs_1.readdirSync)(devkit_1.workspaceRoot)
         .filter((fileName) => !['dist', 'e2e'].includes(fileName) && !fileName.startsWith('.'))
         .map((fileName) => (0, path_1.join)(devkit_1.workspaceRoot, fileName))
-        .filter((filePath) => (0, fs_extra_1.statSync)(filePath).isDirectory());
+        .filter((filePath) => (0, node_fs_1.statSync)(filePath).isDirectory());
     if (opts.watchFolders?.length) {
         watchFolders = watchFolders.concat(opts.watchFolders);
     }
-    watchFolders = [...new Set(watchFolders)].filter((folder) => (0, fs_extra_1.existsSync)(folder));
+    watchFolders = [...new Set(watchFolders)].filter((folder) => (0, node_fs_1.existsSync)(folder));
     const nxConfig = {
         resolver: {
             resolveRequest: (0, metro_resolver_1.getResolveRequest)(extensions, opts.exportsConditionNames, opts.mainFields),

package/project.json

@@ -44,9 +44,6 @@
       "options": {
         "command": "node ./scripts/copy-readme.js react-native"
       }
-    },
-    "add-extra-dependencies": {
-      "command": "node ./scripts/add-dependency-to-build.js react-native @nrwl/react-native"
     }
   }
 }

package/src/executors/storybook/storybook.impl.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = reactNativeStorybookExecutor;
 exports.runCliStorybook = runCliStorybook;
+const node_fs_1 = require("node:fs");
 const path_1 = require("path");
 const devkit_1 = require("@nx/devkit");
 const fileutils_1 = require("@nx/workspace/src/utilities/fileutils");
 const chalk = require("chalk");
 const glob_1 = require("glob");
 const sync_deps_impl_1 = require("../sync-deps/sync-deps.impl");
-const fs_extra_1 = require("fs-extra");
 /**
  * TODO (@xiongemi): remove this function in v20.
  * @deprecated Going to use the default react storybook target. Use @nx/react:storybook executor instead.
@@ -53,5 +53,5 @@ export function loadStories() {
     ${storiesFiles.map((story) => `require('${story}')`).join(',\n')}
   ];
 }`;
-    (0, fs_extra_1.writeFileSync)((0, path_1.join)(workspaceRoot, options.outputFile), newContents);
+    (0, node_fs_1.writeFileSync)((0, path_1.join)(workspaceRoot, options.outputFile), newContents);
 }

package/src/generators/web-configuration/files/base-vite/vite.config.ts__tmpl__

@@ -34,14 +34,12 @@ export default defineConfig({
   define: {
     global: 'window',
   },
-
   resolve: {
     extensions,
     alias: {
       'react-native': 'react-native-web',
     },
   },
-
   build: {
     reportCompressedSize: true,
     commonjsOptions: { transformMixedEsModules: true },
@@ -50,7 +48,6 @@ export default defineConfig({
       plugins: [rollupPlugin([/react-native-vector-icons/])],
     },
   },
-
   server: {
     port: 4200,
     host: 'localhost',
@@ -59,12 +56,10 @@ export default defineConfig({
       allow: ['..'],
     },
   },
-
   preview: {
     port: 4300,
     host: 'localhost',
   },
-
   optimizeDeps: {
     esbuildOptions: {
       resolveExtensions: extensions,
@@ -72,9 +67,7 @@ export default defineConfig({
       loader: { '.js': 'jsx' },
     },
   },
-
   plugins: [react(), nxViteTsPaths()],
-
   // Uncomment this if you are using workers.
   // worker: {
   //  plugins: [ nxViteTsPaths() ],

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = update;
 const devkit_1 = require("@nx/devkit");
-const fs_extra_1 = require("fs-extra");
+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.
@@ -14,7 +14,7 @@ async function update(tree) {
             '@nx/react-native:ensure-symlink') {
             removeTargets(config.targets, 'ensure-symlink');
             (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
-            (0, fs_extra_1.removeSync)(`${config.root}/node_modules`);
+            (0, node_fs_1.rmSync)(`${config.root}/node_modules`, { recursive: true, force: true });
         }
     }
 }

package/src/utils/ensure-node-modules-symlink.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ensureNodeModulesSymlink = ensureNodeModulesSymlink;
-const path_1 = require("path");
+const node_fs_1 = require("node:fs");
 const os_1 = require("os");
-const fs_extra_1 = require("fs-extra");
+const path_1 = require("path");
 /**
  * This function symlink workspace node_modules folder with app project's node_mdules folder.
  * For yarn and npm, it will symlink the entire node_modules folder.
@@ -14,14 +14,14 @@ const fs_extra_1 = require("fs-extra");
  */
 function ensureNodeModulesSymlink(workspaceRoot, projectRoot) {
     const worksapceNodeModulesPath = (0, path_1.join)(workspaceRoot, 'node_modules');
-    if (!(0, fs_extra_1.existsSync)(worksapceNodeModulesPath)) {
+    if (!(0, node_fs_1.existsSync)(worksapceNodeModulesPath)) {
         throw new Error(`Cannot find ${worksapceNodeModulesPath}`);
     }
     const appNodeModulesPath = (0, path_1.join)(workspaceRoot, projectRoot, 'node_modules');
     // `mklink /D` requires admin privilege in Windows so we need to use junction
     const symlinkType = (0, os_1.platform)() === 'win32' ? 'junction' : 'dir';
-    if ((0, fs_extra_1.existsSync)(appNodeModulesPath)) {
-        (0, fs_extra_1.removeSync)(appNodeModulesPath);
+    if ((0, node_fs_1.existsSync)(appNodeModulesPath)) {
+        (0, node_fs_1.rmSync)(appNodeModulesPath, { recursive: true, force: true });
     }
-    (0, fs_extra_1.symlinkSync)(worksapceNodeModulesPath, appNodeModulesPath, symlinkType);
+    (0, node_fs_1.symlinkSync)(worksapceNodeModulesPath, appNodeModulesPath, symlinkType);
 }

package/src/utils/pod-install-task.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.runPodInstall = runPodInstall;
 exports.podInstall = podInstall;
 const child_process_1 = require("child_process");
+const node_fs_1 = require("node:fs");
 const os_1 = require("os");
+const path_1 = require("path");
 const chalk = require("chalk");
 const devkit_1 = require("@nx/devkit");
-const fs_extra_1 = require("fs-extra");
-const path_1 = require("path");
 const podInstallErrorMessage = `
 Running ${chalk.bold('pod install')} failed, see above.
 Do you have CocoaPods (https://cocoapods.org/) installed?
@@ -34,7 +34,7 @@ function runPodInstall(iosDirectory, install = true, options = {
             devkit_1.logger.info('Skipping `pod install` on non-darwin platform');
             return;
         }
-        if (!install || !(0, fs_extra_1.existsSync)((0, path_1.join)(iosDirectory, 'Podfile'))) {
+        if (!install || !(0, node_fs_1.existsSync)((0, path_1.join)(iosDirectory, 'Podfile'))) {
             devkit_1.logger.info('Skipping `pod install`');
             return;
         }
@@ -49,7 +49,7 @@ function podInstall(iosDirectory, options = {
     useBundler: false,
 }) {
     try {
-        if ((0, fs_extra_1.existsSync)((0, path_1.join)(iosDirectory, '.xcode.env'))) {
+        if ((0, node_fs_1.existsSync)((0, path_1.join)(iosDirectory, '.xcode.env'))) {
             (0, child_process_1.execSync)('touch .xcode.env', {
                 cwd: iosDirectory,
                 stdio: 'inherit',