@nx/react-native 22.7.0-beta.1 → 22.7.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react-native",
-  "version": "22.7.0-beta.1",
+  "version": "22.7.0-beta.2",
   "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": [
@@ -26,10 +26,10 @@
   "main": "./index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@nx/devkit": "22.7.0-beta.1",
-    "@nx/js": "22.7.0-beta.1",
-    "@nx/eslint": "22.7.0-beta.1",
-    "@nx/react": "22.7.0-beta.1",
+    "@nx/devkit": "22.7.0-beta.2",
+    "@nx/js": "22.7.0-beta.2",
+    "@nx/eslint": "22.7.0-beta.2",
+    "@nx/react": "22.7.0-beta.2",
     "ajv": "^8.12.0",
     "enhanced-resolve": "^5.8.3",
     "ignore": "^5.0.4",
@@ -43,11 +43,11 @@
     "metro-resolver": ">= 0.82.0"
   },
   "devDependencies": {
-    "nx": "22.7.0-beta.1"
+    "nx": "22.7.0-beta.2"
   },
   "optionalDependencies": {
-    "@nx/detox": "22.7.0-beta.1",
-    "@nx/rollup": "22.7.0-beta.1"
+    "@nx/detox": "22.7.0-beta.2",
+    "@nx/rollup": "22.7.0-beta.2"
   },
   "executors": "./executors.json",
   "ng-update": {

package/plugins/metro-resolver.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getResolveRequest = getResolveRequest;
+const tslib_1 = require("tslib");
 const tsconfig_paths_1 = require("tsconfig-paths");
-const pc = require("picocolors");
+const pc = tslib_1.__importStar(require("picocolors"));
 const enhanced_resolve_1 = require("enhanced-resolve");
 const path_1 = require("path");
-const fs = require("fs");
+const fs = tslib_1.__importStar(require("fs"));
 const devkit_1 = require("@nx/devkit");
 // Cache for metro-resolver module
 let metroResolver = null;

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

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = reactNativeStorybookExecutor;
 exports.runCliStorybook = runCliStorybook;
+const tslib_1 = require("tslib");
 const node_fs_1 = require("node:fs");
 const path_1 = require("path");
 const devkit_1 = require("@nx/devkit");
-const pc = require("picocolors");
+const pc = tslib_1.__importStar(require("picocolors"));
 const tinyglobby_1 = require("tinyglobby");
 const sync_deps_impl_1 = require("../sync-deps/sync-deps.impl");
 /**

package/src/executors/sync-deps/sync-deps.impl.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = syncDepsExecutor;
 exports.syncDeps = syncDeps;
 exports.displayNewlyAddedDepsMessage = displayNewlyAddedDepsMessage;
+const tslib_1 = require("tslib");
 const path_1 = require("path");
-const pc = require("picocolors");
+const pc = tslib_1.__importStar(require("picocolors"));
 const devkit_1 = require("@nx/devkit");
 const find_all_npm_dependencies_1 = require("../../utils/find-all-npm-dependencies");
 async function* syncDepsExecutor(options, context) {

package/src/generators/application/application.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactNativeApplicationGenerator = reactNativeApplicationGenerator;
 exports.reactNativeApplicationGeneratorInternal = reactNativeApplicationGeneratorInternal;
+const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
 const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
@@ -11,7 +12,7 @@ const chmod_android_gradle_files_1 = require("../../utils/chmod-android-gradle-f
 const pod_install_task_1 = require("../../utils/pod-install-task");
 const web_configuration_1 = require("../web-configuration/web-configuration");
 const normalize_options_1 = require("./lib/normalize-options");
-const init_1 = require("../init/init");
+const init_1 = tslib_1.__importDefault(require("../init/init"));
 const add_project_1 = require("./lib/add-project");
 const create_application_files_1 = require("./lib/create-application-files");
 const add_e2e_1 = require("./lib/add-e2e");

package/src/generators/init/lib/add-git-ignore-entry.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addGitIgnoreEntry = addGitIgnoreEntry;
+const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const ignore_1 = require("ignore");
+const ignore_1 = tslib_1.__importDefault(require("ignore"));
 const gitignore_entries_1 = require("./gitignore-entries");
 function addGitIgnoreEntry(host) {
     if (!host.exists('.gitignore')) {

package/src/generators/library/library.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactNativeLibraryGenerator = reactNativeLibraryGenerator;
 exports.reactNativeLibraryGeneratorInternal = reactNativeLibraryGeneratorInternal;
+const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
-const init_1 = require("../init/init");
+const init_1 = tslib_1.__importDefault(require("../init/init"));
 const add_linting_1 = require("../../utils/add-linting");
 const add_jest_1 = require("../../utils/add-jest");
-const component_1 = require("../component/component");
+const component_1 = tslib_1.__importDefault(require("../component/component"));
 const normalize_options_1 = require("./lib/normalize-options");
 const ensure_dependencies_1 = require("../../utils/ensure-dependencies");
 const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");

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

@@ -1,7 +1,6 @@
-import { defineConfig } from 'vite';
+import { defineConfig, transformWithEsbuild } from 'vite';
 import react from '@vitejs/plugin-react';
 import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-import * as esbuild from 'esbuild';
 import { readFileSync } from 'fs';
 
 const extensions = [
@@ -20,10 +19,13 @@ const extensions = [
 
 const rollupPlugin = (matchers: RegExp[]) => ({
   name: 'js-in-jsx',
-  load(id: string) {
+  async load(id: string) {
     if (matchers.some((matcher) => matcher.test(id)) && id.endsWith('.js')) {
       const file = readFileSync(id, { encoding: 'utf-8' });
-      return esbuild.transformSync(file, { loader: 'jsx', jsx: 'automatic' });
+      return transformWithEsbuild(file, id, {
+        loader: 'jsx',
+        jsx: 'automatic',
+      });
     }
   },
 });
@@ -39,7 +41,8 @@ export default defineConfig({
     alias: {
       'react-native': 'react-native-web',
       'react-native-svg': 'react-native-svg-web',
-      '@react-native/assets-registry/registry': 'react-native-web/dist/modules/AssetRegistry/index',
+      '@react-native/assets-registry/registry':
+        'react-native-web/dist/modules/AssetRegistry/index',
     },
   },
   build: {

package/src/generators/web-configuration/web-configuration.js

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.webConfigurationGenerator = webConfigurationGenerator;
 const devkit_1 = require("@nx/devkit");
@@ -81,7 +114,7 @@ async function addBundlerConfiguration(tree, normalizedSchema) {
         });
         tasks.push(webpackInitTask);
         if (!normalizedSchema.skipPackageJson) {
-            const { ensureDependencies } = await Promise.resolve().then(() => require('@nx/webpack/src/utils/ensure-dependencies'));
+            const { ensureDependencies } = await Promise.resolve().then(() => __importStar(require('@nx/webpack/src/utils/ensure-dependencies')));
             tasks.push(ensureDependencies(tree, { uiFramework: 'react' }));
         }
         if (!(0, has_webpack_plugin_1.hasWebpackPlugin)(tree)) {

package/src/migrations/update-21-4-0/upgrade-react-native-projects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upgrade-react-native-projects.d.ts","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-21-4-0/upgrade-react-native-projects.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EAML,MAAM,YAAY,CAAC;AAIpB,wBAA8B,MAAM,CAAC,IAAI,EAAE,IAAI,iBA4B9C"}
+{"version":3,"file":"upgrade-react-native-projects.d.ts","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-21-4-0/upgrade-react-native-projects.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EAML,MAAM,YAAY,CAAC;AAIpB,wBAA8B,MAAM,CAAC,IAAI,EAAE,IAAI,iBA6B9C"}

package/src/migrations/update-21-4-0/upgrade-react-native-projects.js

@@ -19,6 +19,7 @@ async function update(tree) {
             (0, child_process_1.execSync)(command, {
                 stdio: 'inherit',
                 cwd: process.cwd(),
+                windowsHide: true,
             });
         }
         catch (error) {

package/src/utils/add-jest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-jest.d.ts","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/add-jest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiC,MAAM,YAAY,CAAC;AAGjE,wBAAsB,OAAO,CAC3B,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,MAAM,GAAG,MAAM,EAC/B,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,EAAE,EAAE,OAAO,EACX,eAAe,EAAE,OAAO,EACxB,SAAS,EAAE,OAAO,EAClB,uBAAuB,EAAE,MAAM,uBAwDhC"}
+{"version":3,"file":"add-jest.d.ts","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/add-jest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiC,MAAM,YAAY,CAAC;AAGjE,wBAAsB,OAAO,CAC3B,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,MAAM,GAAG,MAAM,EAC/B,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,EAAE,EAAE,OAAO,EACX,eAAe,EAAE,OAAO,EACxB,SAAS,EAAE,OAAO,EAClB,uBAAuB,EAAE,MAAM,uBA2DhC"}

package/src/utils/add-jest.js

@@ -32,19 +32,22 @@ module.exports = {
   moduleFileExtensions: ['ts', 'js', 'html', 'tsx', 'jsx'],
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.${js ? 'js' : 'ts'}'],
   moduleNameMapper: {
-    '\\\\.svg$': '@nx/react-native/plugins/jest/svg-mock'
+    '[.]svg$': '@nx/react-native/plugins/jest/svg-mock'
   },
   transform: {
-    '^.+\\.(js|ts|tsx)$': [
+    '^.+[.](js|ts|tsx)$': [
       'babel-jest',
       {
         configFile: __dirname + '/.babelrc.js',
       },
     ],
-    '^.+\\.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$': require.resolve(
+    '^.+[.](bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$': require.resolve(
       'react-native/jest/assetFileTransformer.js'
     ),
   },
+  transformIgnorePatterns: [
+    'node_modules/(?!(.pnpm/.+/node_modules/)?(react-native|@react-native(-community)?)/)',
+  ],
   coverageDirectory: '${(0, devkit_1.offsetFromRoot)(appProjectRoot)}coverage/${appProjectRoot}'
 };`;
     host.write(configPath, content);

package/src/utils/add-linting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-linting.d.ts","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/add-linting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAwB,MAAM,YAAY,CAAC;AACtE,OAAO,EAEL,iBAAiB,EAEjB,IAAI,EACL,MAAM,YAAY,CAAC;AAYpB,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAsB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,8BAwFrE"}
+{"version":3,"file":"add-linting.d.ts","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/add-linting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAwB,MAAM,YAAY,CAAC;AACtE,OAAO,EAEL,iBAAiB,EAEjB,IAAI,EACL,MAAM,YAAY,CAAC;AAYpB,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAsB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,8BAyFrE"}

package/src/utils/add-linting.js

@@ -49,7 +49,7 @@ async function addLinting(host, options) {
     }
     if ((0, eslint_file_1.isEslintConfigSupported)(host)) {
         if ((0, flat_config_1.useFlatConfig)(host)) {
-            (0, eslint_file_1.addPredefinedConfigToFlatLintConfig)(host, options.projectRoot, 'flat/react');
+            (0, eslint_file_1.addPredefinedConfigToFlatLintConfig)(host, options.projectRoot, 'flat/react', { checkBaseConfig: true });
             // Add an empty rules object to users know how to add/override rules
             (0, eslint_file_1.addOverrideToLintConfig)(host, options.projectRoot, {
                 files: ['*.ts', '*.tsx', '*.js', '*.jsx'],

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

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runPodInstall = runPodInstall;
 exports.podInstall = podInstall;
+const tslib_1 = require("tslib");
 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 pc = require("picocolors");
+const pc = tslib_1.__importStar(require("picocolors"));
 const devkit_1 = require("@nx/devkit");
 const podInstallErrorMessage = `
 Running ${pc.bold('pod install')} failed, see above.
@@ -53,7 +54,7 @@ function podInstall(iosDirectory, options = {
             (0, child_process_1.execSync)('touch .xcode.env', {
                 cwd: iosDirectory,
                 stdio: 'inherit',
-                windowsHide: false,
+                windowsHide: true,
             });
         }
         const podCommand = [
@@ -64,7 +65,7 @@ function podInstall(iosDirectory, options = {
         (0, child_process_1.execSync)(podCommand, {
             cwd: iosDirectory,
             stdio: 'inherit',
-            windowsHide: false,
+            windowsHide: true,
         });
     }
     catch (e) {

package/src/utils/testing-generators.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createApp = createApp;
 exports.createLib = createLib;
+const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const application_1 = require("../generators/application/application");
+const application_1 = tslib_1.__importDefault(require("../generators/application/application"));
 async function createApp(tree, appName) {
     await (0, application_1.default)(tree, {
         linter: 'eslint',