@nx/react-native 24.0.0-canary.20261016-5ef7804 → 24.0.0-canary.20261020-e7ffd79

package/dist/plugins/metro-reporter.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/plugins/metro-reporter.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const diagnostics_channel_1 = require("diagnostics_channel");
+const path_1 = require("path");
+const tls_1 = require("tls");
+const { TerminalReporter } = require(resolveMetro(process.cwd()));
+/**
+ * Metro's terminal reporter, which also reports the dev server's address to an
+ * Nx task whose readyWhen is `signal`. `react-native start` loads it through
+ * `--custom-log-reporter-path`.
+ */
+class NxMetroReporter extends TerminalReporter {
+    constructor(terminal) {
+        super(terminal);
+        this.secureByPort = new Map();
+        if (process.env.NX_READY_SIGNAL_SOCKET) {
+            // server_listening has no protocol, and Metro also serves HTTPS for a
+            // `server.tls` config. This channel publishes before that event fires.
+            (0, diagnostics_channel_1.subscribe)('tracing:net.server.listen:asyncEnd', (message) => {
+                const { server } = message;
+                const address = server.address();
+                if (address && typeof address === 'object') {
+                    this.secureByPort.set(address.port, server instanceof tls_1.Server);
+                }
+            });
+        }
+    }
+    update(event) {
+        super.update(event);
+        if (event.type !== 'server_listening' ||
+            !process.env.NX_READY_SIGNAL_SOCKET) {
+            return;
+        }
+        const { emitReadySignal } = require('@nx/devkit');
+        const { getListeningUrl } = require('@nx/devkit/internal');
+        const listening = event;
+        emitReadySignal(getListeningUrl(listening, this.secureByPort.get(listening.port) ??
+            process.argv.includes('--https')));
+    }
+}
+// The metro react-native start uses. This package does not depend on metro,
+// so a plain require can fail or find another hoisted version.
+function resolveMetro(projectRoot) {
+    const reactNative = (0, path_1.dirname)(require.resolve('react-native/package.json', { paths: [projectRoot] }));
+    const cliPlugin = (0, path_1.dirname)(require.resolve('@react-native/community-cli-plugin/package.json', {
+        paths: [reactNative],
+    }));
+    return require.resolve('metro', { paths: [cliPlugin] });
+}
+module.exports = NxMetroReporter;

package/dist/plugins/plugin.js

@@ -59,11 +59,7 @@ async function createNodesInternal(configFile, options, context, targetsCache, h
 function buildReactNativeTargets(projectRoot, options, context) {
     const namedInputs = (0, internal_1.getNamedInputs)(projectRoot, context);
     const targets = {
-        [options.startTargetName]: {
-            command: `react-native start`,
-            continuous: true,
-            options: { cwd: projectRoot },
-        },
+        [options.startTargetName]: getStartTarget(projectRoot, context),
         [options.podInstallTargetName]: {
             command: `pod install`,
             options: { cwd: (0, devkit_1.joinPathFragments)(projectRoot, 'ios') },
@@ -112,6 +108,25 @@ function buildReactNativeTargets(projectRoot, options, context) {
     };
     return targets;
 }
+const METRO_REPORTER_PATH = 'node_modules/@nx/react-native/dist/plugins/metro-reporter.js';
+function getStartTarget(projectRoot, context) {
+    const target = {
+        command: `react-native start`,
+        continuous: true,
+        options: { cwd: projectRoot },
+    };
+    // react-native start fails on a missing reporter, as when the plugin is
+    // installed outside the root node_modules (e.g. .nx/installation)
+    if (!(0, fs_1.existsSync)((0, path_1.join)(context.workspaceRoot, METRO_REPORTER_PATH))) {
+        return target;
+    }
+    return {
+        ...target,
+        // Relative to the task's cwd, so the graph holds no machine-specific path
+        command: `react-native start --custom-log-reporter-path ${(0, devkit_1.offsetFromRoot)(projectRoot)}${METRO_REPORTER_PATH}`,
+        readyWhen: { signal: true },
+    };
+}
 function getAppConfig(configFilePath, context) {
     const resolvedPath = (0, path_1.join)(context.workspaceRoot, configFilePath);
     return (0, internal_1.loadConfigFile)(resolvedPath);

package/dist/src/generators/application/application.js

@@ -22,7 +22,6 @@ const sync_deps_impl_1 = require("../../executors/sync-deps/sync-deps.impl");
 const internal_2 = require("@nx/js/internal");
 async function reactNativeApplicationGenerator(host, schema) {
     return await reactNativeApplicationGeneratorInternal(host, {
-        addPlugin: false,
         useProjectJson: true,
         ...schema,
     });
@@ -30,7 +29,7 @@ async function reactNativeApplicationGenerator(host, schema) {
 async function reactNativeApplicationGeneratorInternal(host, schema) {
     (0, versions_1.assertSupportedReactNativeVersion)(host);
     const tasks = [];
-    const addTsPlugin = (0, internal_2.shouldConfigureTsSolutionSetup)(host, schema.addPlugin, schema.useTsSolution);
+    const addTsPlugin = (0, internal_2.shouldConfigureTsSolutionSetup)(host, schema.useTsSolution);
     const jsInitTask = await (0, js_1.initGenerator)(host, {
         ...schema,
         skipFormat: true,
@@ -59,7 +58,7 @@ async function reactNativeApplicationGeneratorInternal(host, schema) {
         ],
     });
     tasks.push(lintTask);
-    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.projectName, options.appProjectRoot, options.js, options.skipPackageJson, options.addPlugin, 'tsconfig.app.json');
+    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.projectName, options.appProjectRoot, options.js, options.skipPackageJson, 'tsconfig.app.json');
     tasks.push(jestTask);
     const webTask = await (0, web_configuration_1.webConfigurationGenerator)(host, {
         ...options,

package/dist/src/generators/application/lib/add-project.js

@@ -2,20 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addProject = addProject;
 const devkit_1 = require("@nx/devkit");
-const deprecation_1 = require("../../../utils/deprecation");
 function addProject(host, options) {
-    const nxJson = (0, devkit_1.readNxJson)(host);
-    const hasPlugin = nxJson.plugins?.some((p) => typeof p === 'string'
-        ? p === '@nx/react-native/plugin'
-        : p.plugin === '@nx/react-native/plugin');
-    if (!hasPlugin) {
-        (0, deprecation_1.warnReactNativeExecutorGenerating)();
-    }
     const project = {
         root: options.appProjectRoot,
         sourceRoot: `${options.appProjectRoot}/src`,
         projectType: 'application',
-        targets: hasPlugin ? {} : getTargets(options),
+        targets: {},
         tags: options.parsedTags,
     };
     const templatedPackageJson = (0, devkit_1.readJson)(host, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'package.json'));
@@ -29,10 +21,6 @@ function addProject(host, options) {
         if (options.projectName !== options.importPath) {
             packageJson.nx = { name: options.projectName };
         }
-        if (!hasPlugin) {
-            packageJson.nx ??= {};
-            packageJson.nx.targets = getTargets(options);
-        }
         if (options.parsedTags?.length) {
             packageJson.nx ??= {};
             packageJson.nx.tags = options.parsedTags;
@@ -47,73 +35,3 @@ function addProject(host, options) {
         (0, devkit_1.writeJson)(host, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'package.json'), packageJson);
     }
 }
-function getTargets(options) {
-    const architect = {};
-    architect.start = {
-        executor: '@nx/react-native:start',
-        dependsOn: [],
-        options: {
-            port: 8081,
-        },
-    };
-    architect['run-ios'] = {
-        executor: '@nx/react-native:run-ios',
-        dependsOn: [],
-        options: {},
-    };
-    architect['bundle-ios'] = {
-        executor: '@nx/react-native:bundle',
-        dependsOn: [],
-        outputs: ['{options.bundleOutput}'],
-        options: {
-            entryFile: options.entryFile,
-            platform: 'ios',
-            bundleOutput: `dist/${options.appProjectRoot}/ios/main.jsbundle`,
-        },
-    };
-    architect['run-android'] = {
-        executor: '@nx/react-native:run-android',
-        dependsOn: [],
-        options: {},
-    };
-    architect['build-android'] = {
-        executor: '@nx/react-native:build-android',
-        outputs: [
-            `{projectRoot}/android/app/build/outputs/bundle`,
-            `{projectRoot}/android/app/build/outputs/apk`,
-        ],
-        dependsOn: [],
-        options: {},
-    };
-    architect['build-ios'] = {
-        executor: '@nx/react-native:build-ios',
-        outputs: ['{projectRoot}/ios/build/Build'],
-        dependsOn: [],
-        options: {},
-    };
-    architect['pod-install'] = {
-        executor: '@nx/react-native:pod-install',
-        dependsOn: ['sync-deps'],
-        outputs: ['{projectRoot}/ios/Pods', '{projectRoot}/ios/Podfile.lock'],
-        options: {},
-    };
-    architect.upgrade = {
-        executor: '@nx/react-native:upgrade',
-        options: {},
-    };
-    architect['bundle-android'] = {
-        executor: '@nx/react-native:bundle',
-        dependsOn: [],
-        outputs: ['{options.bundleOutput}'],
-        options: {
-            entryFile: options.entryFile,
-            platform: 'android',
-            bundleOutput: `dist/${options.appProjectRoot}/android/main.jsbundle`,
-        },
-    };
-    architect['sync-deps'] = {
-        executor: '@nx/react-native:sync-deps',
-        options: {},
-    };
-    return architect;
-}

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

@@ -11,10 +11,6 @@ async function normalizeOptions(host, options) {
         projectType: 'application',
         directory: options.directory,
     });
-    const nxJson = (0, devkit_1.readNxJson)(host);
-    const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&
-        nxJson.useInferencePlugins !== false;
-    options.addPlugin ??= addPluginDefault;
     const { className, fileName } = (0, devkit_1.names)(projectNames.projectSimpleName);
     const iosProjectRoot = (0, devkit_1.joinPathFragments)(appProjectRoot, 'ios');
     const androidProjectRoot = (0, devkit_1.joinPathFragments)(appProjectRoot, 'android');

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

@@ -21,7 +21,6 @@ export interface Schema {
   install: boolean; // default is true
   skipPackageJson?: boolean; //default is false
   // Internal options
-  addPlugin?: boolean;
   nxCloudToken?: string;
   useTsSolution?: boolean;
   formatter?: 'prettier' | 'oxfmt' | 'none';

package/dist/src/generators/convert-to-inferred/lib/create-process-options.d.ts

@@ -1,6 +1,6 @@
 import type { AggregatedLog } from '@nx/devkit/internal';
 /**
- * Logic copied from `packages/react-native/src/utils/get-cli-options.ts`,
- * which was used by most executors to map their options to CLI options.
+ * Maps options to CLI args the way the removed executors did, so converted
+ * targets run the same React Native CLI command.
  */
 export declare function createProcessOptions(executorName: string, optionKeysToIgnore: string[], optionKeysInCamelName: string[]): (projectName: string, options: any, migrationLogs: AggregatedLog) => void;

package/dist/src/generators/convert-to-inferred/lib/create-process-options.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createProcessOptions = createProcessOptions;
 const devkit_1 = require("@nx/devkit");
 /**
- * Logic copied from `packages/react-native/src/utils/get-cli-options.ts`,
- * which was used by most executors to map their options to CLI options.
+ * Maps options to CLI args the way the removed executors did, so converted
+ * targets run the same React Native CLI command.
  */
 function createProcessOptions(executorName, optionKeysToIgnore, optionKeysInCamelName) {
     return (projectName, options, migrationLogs) => {

package/dist/src/generators/init/init.js

@@ -9,63 +9,54 @@ const plugin_1 = require("../../../plugins/plugin");
 const versions_1 = require("../../utils/versions");
 const add_git_ignore_entry_1 = require("./lib/add-git-ignore-entry");
 function reactNativeInitGenerator(host, schema) {
-    return reactNativeInitGeneratorInternal(host, {
-        addPlugin: false,
-        ...schema,
-    });
+    return reactNativeInitGeneratorInternal(host, schema);
 }
 async function reactNativeInitGeneratorInternal(host, schema) {
     (0, versions_1.assertSupportedReactNativeVersion)(host);
     (0, add_git_ignore_entry_1.addGitIgnoreEntry)(host);
-    const nxJson = (0, devkit_1.readNxJson)(host);
-    const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&
-        nxJson.useInferencePlugins !== false;
-    schema.addPlugin ??= addPluginDefault;
-    if (schema.addPlugin) {
-        await (0, internal_1.addPlugin)(host, await (0, devkit_1.createProjectGraphAsync)(), '@nx/react-native/plugin', plugin_1.createNodesV2, {
-            startTargetName: ['start', 'react-native:start', 'react-native-start'],
-            upgradeTargetName: [
-                'update',
-                'react-native:update',
-                'react-native-update',
-            ],
-            bundleTargetName: [
-                'bundle',
-                'react-native:bundle',
-                'react-native-bundle',
-            ],
-            podInstallTargetName: [
-                'pod-install',
-                'react-native:pod-install',
-                'react-native-pod-install',
-            ],
-            runIosTargetName: [
-                'run-ios',
-                'react-native:run-ios',
-                'react-native-run-ios',
-            ],
-            runAndroidTargetName: [
-                'run-android',
-                'react-native:run-android',
-                'react-native-run-android',
-            ],
-            buildIosTargetName: [
-                'build-ios',
-                'react-native:build-ios',
-                'react-native-build-ios',
-            ],
-            buildAndroidTargetName: [
-                'build-android',
-                'react-native:build-android',
-                'react-native-build-android',
-            ],
-            syncDepsTargetName: [
-                'sync-deps',
-                'react-native:sync-deps',
-                'react-native-sync-deps',
-            ],
-        }, schema.updatePackageScripts);
-    }
+    await (0, internal_1.addPlugin)(host, await (0, devkit_1.createProjectGraphAsync)(), '@nx/react-native/plugin', plugin_1.createNodesV2, {
+        startTargetName: ['start', 'react-native:start', 'react-native-start'],
+        upgradeTargetName: [
+            'update',
+            'react-native:update',
+            'react-native-update',
+        ],
+        bundleTargetName: [
+            'bundle',
+            'react-native:bundle',
+            'react-native-bundle',
+        ],
+        podInstallTargetName: [
+            'pod-install',
+            'react-native:pod-install',
+            'react-native-pod-install',
+        ],
+        runIosTargetName: [
+            'run-ios',
+            'react-native:run-ios',
+            'react-native-run-ios',
+        ],
+        runAndroidTargetName: [
+            'run-android',
+            'react-native:run-android',
+            'react-native-run-android',
+        ],
+        buildIosTargetName: [
+            'build-ios',
+            'react-native:build-ios',
+            'react-native-build-ios',
+        ],
+        buildAndroidTargetName: [
+            'build-android',
+            'react-native:build-android',
+            'react-native-build-android',
+        ],
+        syncDepsTargetName: [
+            'sync-deps',
+            'react-native:sync-deps',
+            'react-native-sync-deps',
+        ],
+    }, schema.updatePackageScripts);
     const tasks = [];
     if (!schema.skipPackageJson) {
         tasks.push(moveDependency(host));

package/dist/src/generators/init/schema.d.ts

@@ -3,5 +3,4 @@ export interface Schema {
   skipPackageJson?: boolean; //default is false
   keepExistingVersions?: boolean; //default is true
   updatePackageScripts?: boolean;
-  addPlugin?: boolean;
 }

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

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = normalizeOptions;
-const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const internal_2 = require("@nx/js/internal");
 async function normalizeOptions(host, options) {
@@ -12,10 +11,6 @@ async function normalizeOptions(host, options) {
         directory: options.directory,
         importPath: options.importPath,
     });
-    const nxJson = (0, devkit_1.readNxJson)(host);
-    const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&
-        nxJson.useInferencePlugins !== false;
-    options.addPlugin ??= addPluginDefault;
     const parsedTags = options.tags
         ? options.tags.split(',').map((s) => s.trim())
         : [];

package/dist/src/generators/library/library.js

@@ -18,7 +18,6 @@ const path_1 = require("path");
 const versions_1 = require("../../utils/versions");
 async function reactNativeLibraryGenerator(host, schema) {
     return await reactNativeLibraryGeneratorInternal(host, {
-        addPlugin: false,
         useProjectJson: true,
         ...schema,
     });
@@ -26,7 +25,7 @@ async function reactNativeLibraryGenerator(host, schema) {
 async function reactNativeLibraryGeneratorInternal(host, schema) {
     (0, versions_1.assertSupportedReactNativeVersion)(host);
     const tasks = [];
-    const addTsPlugin = (0, internal_2.shouldConfigureTsSolutionSetup)(host, schema.addPlugin);
+    const addTsPlugin = (0, internal_2.shouldConfigureTsSolutionSetup)(host);
     const jsInitTask = await (0, js_1.initGenerator)(host, {
         ...schema,
         addTsPlugin,
@@ -58,7 +57,7 @@ async function reactNativeLibraryGeneratorInternal(host, schema) {
         ],
     });
     tasks.push(lintTask);
-    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.name, options.projectRoot, options.js, options.skipPackageJson, options.addPlugin, 'tsconfig.lib.json');
+    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.name, options.projectRoot, options.js, options.skipPackageJson, 'tsconfig.lib.json');
     tasks.push(jestTask);
     const relativeCwd = (0, internal_1.getRelativeCwd)();
     const path = (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/lib', options.js ? `${options.fileName}.js` : options.fileName);

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

@@ -22,6 +22,5 @@ export interface Schema {
    */
   setParserOptionsProject?: boolean;
   skipPackageJson?: boolean; //default is false
-  addPlugin?: boolean;
   useProjectJson?: boolean;
 }

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

@@ -1,7 +1,7 @@
 import { defineConfig, transformWithEsbuild } from 'vite';
 import react from '@vitejs/plugin-react';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-import { readFileSync } from 'fs';
+<% if (!useNativeTsconfigPaths) { %>import tsconfigPaths from 'vite-tsconfig-paths';
+<% } %>import { readFileSync } from 'fs';
 
 const extensions = [
   '.mjs',
@@ -37,7 +37,8 @@ export default defineConfig({
     global: 'window',
   },
   resolve: {
-    extensions,
+<% if (useNativeTsconfigPaths) { %>    tsconfigPaths: true,
+<% } %>    extensions,
     alias: {
       'react-native': 'react-native-web',
       'react-native-svg': 'react-native-svg-web',
@@ -72,9 +73,9 @@ export default defineConfig({
       loader: { '.js': 'jsx' },
     },
   },
-  plugins: [react(), nxViteTsPaths()],
+  plugins: [react()<% if (!useNativeTsconfigPaths) { %>, tsconfigPaths({ loose: true })<% } %>],
   // Uncomment this if you are using workers.
   // worker: {
-  //   plugins: () => [ nxViteTsPaths() ],
+  //   plugins: [],
   // },
 });

package/dist/src/generators/web-configuration/files/base-webpack/webpack.config.js__tmpl__

@@ -1,4 +1,4 @@
-<% if (webpackPluginOptions) { %>
+
 const { NxAppWebpackPlugin } = require('@nx/webpack/app-plugin');
 const { NxReactWebpackPlugin } = require('@nx/react/webpack-plugin');
 
@@ -30,45 +30,4 @@ module.exports = {
     new NxReactWebpackPlugin(),
   ],
 };
-<% } else { %>
-const { composePlugins, withNx } = require('@nx/webpack');
-const { withReact } = require('@nx/react');
-
-// Nx plugins for webpack.
-module.exports = composePlugins(
-  withNx(),
-  withReact(),
-  (config) => {
-    // Update the webpack config as needed here.
-    // e.g. `config.plugins.push(new MyPlugin())`
 
-  config.output.clean = true;
-  config.resolve.alias = {
-    ...config.resolve.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',
-  };
-  config.resolve.extensions = [
-    '.web.tsx',
-    '.web.ts',
-    '.web.jsx',
-    '.web.js',
-    ...config.resolve.extensions,
-  ];
-  config.module.rules.push({
-    test: /\.(js|jsx)$/,
-    include: /react-native-vector-icons/,
-    loader: 'babel-loader',
-    options: {
-      presets: [
-        '@babel/preset-env',
-        ['@babel/preset-react', { runtime: 'automatic' }],
-      ],
-    },
-  });
-  
-  return config;
-  }
-);
-<% } %>

package/dist/src/generators/web-configuration/lib/webpack-targets.d.ts

@@ -1,8 +1,6 @@
-import { TargetConfiguration, Tree } from '@nx/devkit';
+import { Tree } from '@nx/devkit';
 import type { WithReactOptions } from '@nx/react';
 import type { WithNxOptions } from '@nx/webpack';
 import { NormalizedSchema } from './normalize-schema';
-export declare function createBuildTarget(tree: Tree, options: NormalizedSchema): TargetConfiguration;
-export declare function createServeTarget(options: NormalizedSchema): TargetConfiguration;
 export declare function createNxWebpackPluginOptions(tree: Tree, options: NormalizedSchema): WithNxOptions & WithReactOptions;
 export declare function determineTsConfig(tree: Tree, options: NormalizedSchema): "tsconfig.app.json" | "tsconfig.json" | "tsconfig.lib.json";

package/dist/src/generators/web-configuration/lib/webpack-targets.js

@@ -1,65 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createBuildTarget = createBuildTarget;
-exports.createServeTarget = createServeTarget;
 exports.createNxWebpackPluginOptions = createNxWebpackPluginOptions;
 exports.determineTsConfig = determineTsConfig;
 const devkit_1 = require("@nx/devkit");
-function createBuildTarget(tree, options) {
-    return {
-        executor: '@nx/webpack:webpack',
-        outputs: ['{options.outputPath}'],
-        defaultConfiguration: 'production',
-        options: {
-            compiler: 'babel',
-            outputPath: (0, devkit_1.joinPathFragments)('dist', options.projectRoot != '.' ? options.projectRoot : options.project, 'web'),
-            index: (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/index.html'),
-            baseHref: '/',
-            main: (0, devkit_1.joinPathFragments)(options.projectRoot, `src/main-web.tsx`),
-            tsConfig: (0, devkit_1.joinPathFragments)(options.projectRoot, determineTsConfig(tree, options)),
-            assets: [
-                (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/favicon.ico'),
-                (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/assets'),
-            ],
-            webpackConfig: (0, devkit_1.joinPathFragments)(options.projectRoot, 'webpack.config.js'),
-        },
-        configurations: {
-            development: {
-                extractLicenses: false,
-                optimization: false,
-                sourceMap: true,
-                vendorChunk: true,
-            },
-            production: {
-                optimization: true,
-                outputHashing: 'all',
-                sourceMap: false,
-                namedChunks: false,
-                extractLicenses: true,
-                vendorChunk: false,
-            },
-        },
-    };
-}
-function createServeTarget(options) {
-    return {
-        executor: '@nx/webpack:dev-server',
-        defaultConfiguration: 'development',
-        options: {
-            buildTarget: `${options.project}:build`,
-            hmr: true,
-        },
-        configurations: {
-            development: {
-                buildTarget: `${options.project}:build:development`,
-            },
-            production: {
-                buildTarget: `${options.project}:build:production`,
-                hmr: false,
-            },
-        },
-    };
-}
 function createNxWebpackPluginOptions(tree, options) {
     return {
         target: 'web',

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.webConfigurationGenerator = webConfigurationGenerator;
 const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/react/internal");
+const semver_1 = require("semver");
 const versions_1 = require("../../utils/versions");
 const normalize_schema_1 = require("./lib/normalize-schema");
 const webpack_targets_1 = require("./lib/webpack-targets");
@@ -31,15 +31,19 @@ async function webConfigurationGenerator(tree, options) {
     tasks.push(...bundlerTasks);
     // create files for webpack and vite config, index.html
     if (normalizedSchema.bundler === 'vite') {
-        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, './files/base-vite'), normalizedSchema.projectRoot, { ...normalizedSchema, tmpl: '' });
+        // resolve.tsconfigPaths is native only from Vite 8; older majors ignore it.
+        const installedVite = (0, semver_1.coerce)((0, devkit_1.getDependencyVersionFromPackageJson)(tree, 'vite') ?? '');
+        const useNativeTsconfigPaths = !installedVite || (0, semver_1.major)(installedVite) >= 8;
+        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, './files/base-vite'), normalizedSchema.projectRoot, { ...normalizedSchema, useNativeTsconfigPaths, tmpl: '' });
+        if (!useNativeTsconfigPaths && !options.skipPackageJson) {
+            tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, { 'vite-tsconfig-paths': versions_1.viteTsconfigPathsVersion }, undefined, true));
+        }
     }
     else {
         (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, './files/base-webpack'), normalizedSchema.projectRoot, {
             ...normalizedSchema,
             tmpl: '',
-            webpackPluginOptions: (0, internal_1.hasWebpackPlugin)(tree)
-                ? (0, webpack_targets_1.createNxWebpackPluginOptions)(tree, normalizedSchema)
-                : null,
+            webpackPluginOptions: (0, webpack_targets_1.createNxWebpackPluginOptions)(tree, normalizedSchema),
         });
     }
     if (!options.skipPackageJson) {
@@ -85,19 +89,6 @@ async function addBundlerConfiguration(tree, normalizedSchema) {
             const { ensureDependencies, } = require('@nx/webpack/internal');
             tasks.push(ensureDependencies(tree, { uiFramework: 'react' }));
         }
-        if (!(0, internal_1.hasWebpackPlugin)(tree)) {
-            // Mirrors warnWebpackExecutorGenerating from @nx/webpack/src/utils/deprecation.
-            // Inlined to avoid a cross-package import where react-native does not
-            // declare a TypeScript project reference to webpack.
-            devkit_1.logger.warn('Generating targets that use the deprecated `@nx/webpack:webpack` and `@nx/webpack:dev-server` executors. These executors will be removed in Nx v24. Run `nx g @nx/webpack:convert-to-inferred` next to migrate these targets to the `@nx/webpack/plugin` inferred plugin and prevent future generators from emitting executor targets. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.');
-            const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, normalizedSchema.project);
-            projectConfiguration.targets = {
-                ...projectConfiguration.targets,
-                build: (0, webpack_targets_1.createBuildTarget)(tree, normalizedSchema),
-                serve: (0, webpack_targets_1.createServeTarget)(normalizedSchema),
-            };
-            (0, devkit_1.updateProjectConfiguration)(tree, normalizedSchema.project, projectConfiguration);
-        }
         return tasks;
     }
 }