@nx/react-native 0.0.0-pr-27957-a99d5ea → 0.0.0-pr-28229-afe192c

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/generators.json

@@ -24,7 +24,7 @@
       "description": "Create a React Native library."
     },
     "component": {
-      "factory": "./src/generators/component/component#reactNativeComponentGeneratorInternal",
+      "factory": "./src/generators/component/component",
       "schema": "./src/generators/component/schema.json",
       "description": "Create a React Native component.",
       "aliases": ["c"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react-native",
-  "version": "0.0.0-pr-27957-a99d5ea",
+  "version": "0.0.0-pr-28229-afe192c",
   "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": "0.0.0-pr-27957-a99d5ea",
-    "@nx/jest": "0.0.0-pr-27957-a99d5ea",
-    "@nx/js": "0.0.0-pr-27957-a99d5ea",
-    "@nx/eslint": "0.0.0-pr-27957-a99d5ea",
-    "@nx/react": "0.0.0-pr-27957-a99d5ea",
-    "@nx/workspace": "0.0.0-pr-27957-a99d5ea",
-    "@nrwl/react-native": "0.0.0-pr-27957-a99d5ea"
+    "@nx/devkit": "0.0.0-pr-28229-afe192c",
+    "@nx/jest": "0.0.0-pr-28229-afe192c",
+    "@nx/js": "0.0.0-pr-28229-afe192c",
+    "@nx/eslint": "0.0.0-pr-28229-afe192c",
+    "@nx/react": "0.0.0-pr-28229-afe192c",
+    "@nx/workspace": "0.0.0-pr-28229-afe192c"
   },
   "executors": "./executors.json",
   "ng-update": {
@@ -55,4 +53,4 @@
     "access": "public"
   },
   "type": "commonjs"
-}
+}

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/application/application.js

@@ -20,7 +20,6 @@ const sync_deps_impl_1 = require("../../executors/sync-deps/sync-deps.impl");
 async function reactNativeApplicationGenerator(host, schema) {
     return await reactNativeApplicationGeneratorInternal(host, {
         addPlugin: false,
-        projectNameAndRootFormat: 'derived',
         ...schema,
     });
 }

package/src/generators/application/lib/add-e2e.js

@@ -30,7 +30,6 @@ async function addE2e(host, options) {
                 ...options,
                 e2eName: options.e2eProjectName,
                 e2eDirectory: options.e2eProjectRoot,
-                projectNameAndRootFormat: 'as-provided',
                 appProject: options.projectName,
                 appDisplayName: options.displayName,
                 appName: options.name,

package/src/generators/application/lib/normalize-options.js

@@ -4,14 +4,12 @@ exports.normalizeOptions = normalizeOptions;
 const devkit_1 = require("@nx/devkit");
 const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
 async function normalizeOptions(host, options) {
-    const { projectName: appProjectName, names: projectNames, projectRoot: appProjectRoot, projectNameAndRootFormat, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
+    await (0, project_name_and_root_utils_1.ensureProjectName)(host, options, 'application');
+    const { projectName: appProjectName, names: projectNames, projectRoot: appProjectRoot, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
         name: options.name,
         projectType: 'application',
         directory: options.directory,
-        projectNameAndRootFormat: options.projectNameAndRootFormat,
-        callingGenerator: '@nx/react-native:application',
     });
-    options.projectNameAndRootFormat = projectNameAndRootFormat;
     const nxJson = (0, devkit_1.readNxJson)(host);
     const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&
         nxJson.useInferencePlugins !== false;

package/src/generators/application/schema.d.ts

@@ -1,16 +1,13 @@
-import type { ProjectNameAndRootFormat } from '@nx/devkit/src/generators/project-name-and-root-utils';
 import type { Linter, LinterType } from '@nx/eslint';
 
 export interface Schema {
-  name: string;
+  directory: string;
+  name?: string;
   displayName?: string;
   style?: string;
   skipFormat?: boolean;
-  directory?: string;
-  projectNameAndRootFormat?: ProjectNameAndRootFormat;
   tags?: string;
   unitTestRunner: 'jest' | 'none'; // default is jest
-  pascalCaseFiles?: boolean;
   classComponent?: boolean;
   js?: boolean;
   linter: Linter | LinterType;

package/src/generators/application/schema.json

@@ -16,29 +16,24 @@
   ],
   "type": "object",
   "properties": {
-    "name": {
-      "description": "The name of the application.",
+    "directory": {
+      "description": "The directory of the new application.",
       "type": "string",
       "$default": {
         "$source": "argv",
         "index": 0
       },
-      "x-prompt": "What name would you like to use for the application?",
-      "pattern": "^[a-zA-Z][^:]*$"
+      "x-prompt": "Which directory do you want to create the application in?"
     },
-    "displayName": {
-      "description": "The display name to show in the application. Defaults to name.",
+    "name": {
+      "description": "The name of the application.",
+      "pattern": "^[a-zA-Z][^:]*$",
       "type": "string"
     },
-    "directory": {
-      "description": "The directory of the new application.",
+    "displayName": {
+      "description": "The display name to show in the application. Defaults to name.",
       "type": "string"
     },
-    "projectNameAndRootFormat": {
-      "description": "Whether to generate the project name and root directory as provided (`as-provided`) or generate them composing their values and taking the configured layout into account (`derived`).",
-      "type": "string",
-      "enum": ["as-provided", "derived"]
-    },
     "skipFormat": {
       "description": "Skip formatting files",
       "type": "boolean",
@@ -99,5 +94,5 @@
       "x-priority": "important"
     }
   },
-  "required": []
+  "required": ["directory"]
 }

package/src/generators/component/component.d.ts

@@ -1,5 +1,4 @@
 import { Schema } from './schema';
 import { Tree } from '@nx/devkit';
 export declare function reactNativeComponentGenerator(host: Tree, schema: Schema): Promise<void>;
-export declare function reactNativeComponentGeneratorInternal(host: Tree, schema: Schema): Promise<void>;
 export default reactNativeComponentGenerator;

package/src/generators/component/component.js

@@ -1,19 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactNativeComponentGenerator = reactNativeComponentGenerator;
-exports.reactNativeComponentGeneratorInternal = reactNativeComponentGeneratorInternal;
 const devkit_1 = require("@nx/devkit");
 const normalize_options_1 = require("./lib/normalize-options");
 const add_import_1 = require("./lib/add-import");
 const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
 const path_1 = require("path");
 async function reactNativeComponentGenerator(host, schema) {
-    return reactNativeComponentGeneratorInternal(host, {
-        nameAndDirectoryFormat: 'derived',
-        ...schema,
-    });
-}
-async function reactNativeComponentGeneratorInternal(host, schema) {
     const options = await (0, normalize_options_1.normalizeOptions)(host, schema);
     createComponentFiles(host, options);
     addExportsToBarrel(host, options);

package/src/generators/component/lib/normalize-options.d.ts

@@ -1,6 +1,7 @@
 import { Tree } from '@nx/devkit';
 import { Schema } from '../schema';
 export interface NormalizedSchema extends Schema {
+    directory: string;
     projectSourceRoot: string;
     fileName: string;
     className: string;

package/src/generators/component/lib/normalize-options.js

@@ -4,19 +4,12 @@ exports.normalizeOptions = normalizeOptions;
 const devkit_1 = require("@nx/devkit");
 const artifact_name_and_directory_utils_1 = require("@nx/devkit/src/generators/artifact-name-and-directory-utils");
 async function normalizeOptions(host, options) {
-    assertValidOptions(options);
     const { artifactName: name, directory, fileName, filePath, project: projectName, } = await (0, artifact_name_and_directory_utils_1.determineArtifactNameAndDirectoryOptions)(host, {
-        artifactType: 'component',
-        callingGenerator: '@nx/react-native:component',
+        path: options.path,
         name: options.name,
-        directory: options.directory,
-        derivedDirectory: options.directory,
-        flat: options.flat,
-        nameAndDirectoryFormat: options.nameAndDirectoryFormat,
-        project: options.project,
         fileExtension: 'tsx',
-        pascalCaseFile: options.pascalCaseFiles,
     });
+    assertValidOptions({ name, directory });
     const project = (0, devkit_1.getProjects)(host).get(projectName);
     const { className } = (0, devkit_1.names)(name);
     const { sourceRoot: projectSourceRoot, projectType } = project;
@@ -26,6 +19,7 @@ async function normalizeOptions(host, options) {
     options.classComponent = options.classComponent ?? false;
     return {
         ...options,
+        name,
         directory,
         className,
         fileName,
@@ -43,7 +37,7 @@ function assertValidOptions(options) {
             if (options.directory) {
                 suggestion = `${options.directory}${s}${suggestion}`;
             }
-            throw new Error(`Found "${s}" in the component name. Did you mean to use the --directory option (e.g. \`nx g c ${name} --directory ${suggestion}\`)?`);
+            throw new Error(`Found "${s}" in the component name. Did you mean to use the --path option (e.g. \`nx g c ${suggestion}/${name} \`)?`);
         }
     });
 }

package/src/generators/component/schema.d.ts

@@ -2,23 +2,10 @@
  * Same as the @nx/react library schema, except it removes keys: style, routing, globalCss
  */
 export interface Schema {
-  name: string;
-  /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v20.
-   */
-  project: string;
+  path: string;
+  name?: string;
   skipTests?: boolean;
-  directory?: string;
   export?: boolean;
-  /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. This option will be removed in Nx v19.
-   */
-  pascalCaseFiles?: boolean;
   classComponent?: boolean;
   js?: boolean;
-  /**
-   * @deprecated Provide the `name` in pascal-case and use the `as-provided` format. This option will be removed in Nx v19.
-   */
-  flat?: boolean;
-  nameAndDirectoryFormat?: 'as-provided' | 'derived';
 }

package/src/generators/component/schema.json

@@ -7,31 +7,27 @@
   "type": "object",
   "examples": [
     {
-      "command": "nx g @nx/react-native:component my-component --project=mylib",
+      "command": "nx g @nx/react-native:component mylib/src/lib/my-component/my-component ",
       "description": "Generate a component in the `mylib` library"
     },
     {
-      "command": "nx g @nx/react-native:component my-component --project=mylib --classComponent",
+      "command": "nx g @nx/react-native:component mylib/src/lib/my-component/my-component --classComponent",
       "description": "Generate a class component in the `mylib` library"
     }
   ],
   "properties": {
-    "project": {
+    "path": {
       "type": "string",
-      "description": "The name of the project.",
-      "alias": "p",
+      "description": "The path at which to create the component file.",
       "$default": {
-        "$source": "projectName"
+        "$source": "argv",
+        "index": 0
       },
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v20."
+      "x-prompt": "What path would you like to use for the component?"
     },
     "name": {
       "type": "string",
       "description": "The name of the component.",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      },
       "x-prompt": "What name would you like to use for the component?"
     },
     "js": {
@@ -44,22 +40,6 @@
       "description": "When true, does not create `spec.ts` test files for the new component.",
       "default": false
     },
-    "directory": {
-      "type": "string",
-      "description": "The directory at which to create the component file. When `--nameAndDirectoryFormat=as-provided`, it will be relative to the current working directory. Otherwise, it will be relative to the project root.",
-      "x-priority": "important"
-    },
-    "nameAndDirectoryFormat": {
-      "description": "Whether to generate the component in the directory as provided, relative to the current working directory and ignoring the project (`as-provided`) or generate it using the project and directory relative to the workspace root (`derived`).",
-      "type": "string",
-      "enum": ["as-provided", "derived"]
-    },
-    "flat": {
-      "type": "boolean",
-      "description": "Create component at the source root rather than its own directory.",
-      "default": false,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. This option will be removed in Nx v19."
-    },
     "export": {
       "type": "boolean",
       "description": "When true, the component is exported from the project `index.ts` (if it exists).",
@@ -67,13 +47,6 @@
       "default": false,
       "x-prompt": "Should this component be exported in the project?"
     },
-    "pascalCaseFiles": {
-      "type": "boolean",
-      "description": "Use pascal case component file name (e.g. `App.tsx`).",
-      "alias": "P",
-      "default": false,
-      "x-deprecated": "Provide the `name` in pascal-case and use the `as-provided` format. This option will be removed in Nx v19."
-    },
     "classComponent": {
       "type": "boolean",
       "alias": "C",
@@ -81,5 +54,5 @@
       "default": false
     }
   },
-  "required": ["name"]
+  "required": ["path"]
 }

package/src/generators/library/lib/normalize-options.js

@@ -4,13 +4,12 @@ exports.normalizeOptions = normalizeOptions;
 const devkit_1 = require("@nx/devkit");
 const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
 async function normalizeOptions(host, options) {
+    await (0, project_name_and_root_utils_1.ensureProjectName)(host, options, 'library');
     const { projectName, names: projectNames, projectRoot, importPath, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
         name: options.name,
         projectType: 'library',
         directory: options.directory,
         importPath: options.importPath,
-        projectNameAndRootFormat: options.projectNameAndRootFormat,
-        callingGenerator: '@nx/react-native:library',
     });
     const nxJson = (0, devkit_1.readNxJson)(host);
     const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&

package/src/generators/library/library.js

@@ -14,7 +14,6 @@ const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-projec
 async function reactNativeLibraryGenerator(host, schema) {
     return await reactNativeLibraryGeneratorInternal(host, {
         addPlugin: false,
-        projectNameAndRootFormat: 'derived',
         ...schema,
     });
 }

package/src/generators/library/schema.d.ts

@@ -1,17 +1,14 @@
-import type { ProjectNameAndRootFormat } from '@nx/devkit/src/generators/project-name-and-root-utils';
 import type { Linter, LinterType } from '@nx/eslint';
 
 /**
  * Same as the @nx/react library schema, except it removes keys: style, component, routing, appProject
  */
 export interface Schema {
-  name: string;
-  directory?: string;
-  projectNameAndRootFormat?: ProjectNameAndRootFormat;
+  directory: string;
+  name?: string;
   skipTsConfig: boolean;
   skipFormat: boolean;
   tags?: string;
-  pascalCaseFiles?: boolean;
   unitTestRunner: 'jest' | 'none';
   linter: Linter | LinterType;
   publishable?: boolean;

package/src/generators/library/schema.json

@@ -12,27 +12,22 @@
     }
   ],
   "properties": {
-    "name": {
+    "directory": {
       "type": "string",
-      "description": "Library name.",
+      "description": "A directory where the lib is placed.",
+      "alias": "dir",
       "$default": {
         "$source": "argv",
         "index": 0
       },
-      "x-prompt": "What name would you like to use for the library?",
-      "pattern": "(?:^@[a-zA-Z0-9-*~][a-zA-Z0-9-*._~]*\\/[a-zA-Z0-9-~][a-zA-Z0-9-._~]*|^[a-zA-Z][^:]*)$"
+      "x-prompt": "Which directory do you want to create the library in?"
     },
-    "directory": {
+    "name": {
       "type": "string",
-      "description": "A directory where the lib is placed.",
-      "alias": "dir",
+      "description": "Library name.",
+      "pattern": "(?:^@[a-zA-Z0-9-*~][a-zA-Z0-9-*._~]*\\/[a-zA-Z0-9-~][a-zA-Z0-9-._~]*|^[a-zA-Z][^:]*)$",
       "x-priority": "important"
     },
-    "projectNameAndRootFormat": {
-      "description": "Whether to generate the project name and root directory as provided (`as-provided`) or generate them composing their values and taking the configured layout into account (`derived`).",
-      "type": "string",
-      "enum": ["as-provided", "derived"]
-    },
     "linter": {
       "description": "The tool to use for running lint checks.",
       "type": "string",
@@ -62,12 +57,6 @@
       "description": "Do not update `tsconfig.json` for development experience.",
       "x-priority": "internal"
     },
-    "pascalCaseFiles": {
-      "type": "boolean",
-      "description": "Use pascal case component file name (e.g. `App.tsx`).",
-      "alias": "P",
-      "default": false
-    },
     "publishable": {
       "type": "boolean",
       "description": "Create a publishable library."
@@ -103,5 +92,5 @@
       "x-priority": "internal"
     }
   },
-  "required": ["name"]
+  "required": ["directory"]
 }

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,10 +49,11 @@ 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',
+                windowsHide: true,
             });
         }
         const podCommand = [
@@ -63,6 +64,7 @@ function podInstall(iosDirectory, options = {
         (0, child_process_1.execSync)(podCommand, {
             cwd: iosDirectory,
             stdio: 'inherit',
+            windowsHide: true,
         });
     }
     catch (e) {

package/src/utils/testing-generators.js

@@ -11,10 +11,9 @@ async function createApp(tree, appName) {
         skipFormat: true,
         style: 'css',
         unitTestRunner: 'none',
-        name: appName,
+        directory: appName,
         e2eTestRunner: 'none',
         install: false,
-        projectNameAndRootFormat: 'as-provided',
         bundler: 'webpack',
     });
 }