@nx/remix 23.3.0 → 24.0.0-beta.1

package/README.md

@@ -1,7 +1,7 @@
-<p style="text-align: center;">
+<p align="center">
   <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-dark.svg">
-    <img alt="Nx - Smart Monorepos · Fast Builds" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo-light.svg">
+    <img alt="Nx Logo" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.svg" width="140">
   </picture>
 </p>
 
@@ -23,7 +23,13 @@
 
 Get to green PRs in half the time. Nx optimizes your builds, scales your CI, and fixes failed PRs. Built for developers and AI agents.
 
-This package is a [Remix plugin for Nx](https://nx.dev/nx-api/remix).
+> `@nx/remix` is deprecated and will be removed in Nx 25. Nx 24 removes all executors and generators except `convert-to-inferred`.
+
+Existing Remix v2 applications can keep using `@nx/remix/plugin` until Nx 25. The Nx 24 migration converts legacy executor targets to inferred tasks. Run `nx g @nx/remix:convert-to-inferred` to convert them manually.
+
+For continued development, migrate to React Router with `@nx/react`. The `migrate-to-react-router` prompt migration guides an AI agent through the framework upgrade and Nx configuration, then asks it to run build and other relevant targets.
+
+See the [Remix migration instructions](https://nx.dev/docs/technologies/react/remix/introduction).
 
 ## Getting Started
 
@@ -62,6 +68,3 @@ npx nx@latest init
 - [Official Nx YouTube Channel](https://www.youtube.com/@NxDevtools)
 - [Blog Posts About Nx](https://nx.dev/blog)
 
-<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
-width="100%" alt="Nx - Smart Monorepos · Fast Builds"></a></p>
-

package/dist/generators.d.ts

@@ -1,13 +1 @@
-export { default as actionGenerator } from './src/generators/action/action.impl';
-export { default as applicationGenerator } from './src/generators/application/application.impl';
-export { default as cypressComponentConfigurationGenerator } from './src/generators/cypress-component-configuration/cypress-component-configuration.impl';
-export { default as errorBoundaryGenerator } from './src/generators/error-boundary/error-boundary.impl';
-export { default as libraryGenerator } from './src/generators/library/library.impl';
-export { default as loaderGenerator } from './src/generators/loader/loader.impl';
-export { default as metaGenerator } from './src/generators/meta/meta.impl';
-export { default as presetGenerator } from './src/generators/preset/preset.impl';
-export { default as resourceRouteGenerator } from './src/generators/resource-route/resource-route.impl';
-export { default as routeGenerator } from './src/generators/route/route.impl';
-export { default as storybookConfigurationGenerator } from './src/generators/storybook-configuration/storybook-configuration.impl';
-export { default as styleGenerator } from './src/generators/style/style.impl';
-export { default as initGenerator } from './src/generators/init/init';
+export { convertToInferred } from './src/generators/convert-to-inferred/convert-to-inferred';

package/dist/generators.js

@@ -1,30 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.initGenerator = exports.styleGenerator = exports.storybookConfigurationGenerator = exports.routeGenerator = exports.resourceRouteGenerator = exports.presetGenerator = exports.metaGenerator = exports.loaderGenerator = exports.libraryGenerator = exports.errorBoundaryGenerator = exports.cypressComponentConfigurationGenerator = exports.applicationGenerator = exports.actionGenerator = void 0;
-const tslib_1 = require("tslib");
-var action_impl_1 = require("./src/generators/action/action.impl");
-Object.defineProperty(exports, "actionGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(action_impl_1).default; } });
-var application_impl_1 = require("./src/generators/application/application.impl");
-Object.defineProperty(exports, "applicationGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(application_impl_1).default; } });
-var cypress_component_configuration_impl_1 = require("./src/generators/cypress-component-configuration/cypress-component-configuration.impl");
-Object.defineProperty(exports, "cypressComponentConfigurationGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(cypress_component_configuration_impl_1).default; } });
-var error_boundary_impl_1 = require("./src/generators/error-boundary/error-boundary.impl");
-Object.defineProperty(exports, "errorBoundaryGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(error_boundary_impl_1).default; } });
-var library_impl_1 = require("./src/generators/library/library.impl");
-Object.defineProperty(exports, "libraryGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(library_impl_1).default; } });
-var loader_impl_1 = require("./src/generators/loader/loader.impl");
-Object.defineProperty(exports, "loaderGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(loader_impl_1).default; } });
-var meta_impl_1 = require("./src/generators/meta/meta.impl");
-Object.defineProperty(exports, "metaGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(meta_impl_1).default; } });
-var preset_impl_1 = require("./src/generators/preset/preset.impl");
-Object.defineProperty(exports, "presetGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(preset_impl_1).default; } });
-var resource_route_impl_1 = require("./src/generators/resource-route/resource-route.impl");
-Object.defineProperty(exports, "resourceRouteGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(resource_route_impl_1).default; } });
-var route_impl_1 = require("./src/generators/route/route.impl");
-Object.defineProperty(exports, "routeGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(route_impl_1).default; } });
-var storybook_configuration_impl_1 = require("./src/generators/storybook-configuration/storybook-configuration.impl");
-Object.defineProperty(exports, "storybookConfigurationGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(storybook_configuration_impl_1).default; } });
-var style_impl_1 = require("./src/generators/style/style.impl");
-Object.defineProperty(exports, "styleGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(style_impl_1).default; } });
-var init_1 = require("./src/generators/init/init");
-Object.defineProperty(exports, "initGenerator", { enumerable: true, get: function () { return tslib_1.__importDefault(init_1).default; } });
+exports.convertToInferred = void 0;
+var convert_to_inferred_1 = require("./src/generators/convert-to-inferred/convert-to-inferred");
+Object.defineProperty(exports, "convertToInferred", { enumerable: true, get: function () { return convert_to_inferred_1.convertToInferred; } });

package/dist/plugin.d.ts

@@ -1 +1 @@
-export { createNodes, createNodesV2, createDependencies, RemixPluginOptions, } from './src/plugins/plugin';
+export { createNodes, createNodesV2, RemixPluginOptions, } from './src/plugins/plugin';

package/dist/plugin.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createDependencies = exports.createNodesV2 = exports.createNodes = void 0;
+exports.createNodesV2 = exports.createNodes = void 0;
 var plugin_1 = require("./src/plugins/plugin");
 Object.defineProperty(exports, "createNodes", { enumerable: true, get: function () { return plugin_1.createNodes; } });
 Object.defineProperty(exports, "createNodesV2", { enumerable: true, get: function () { return plugin_1.createNodesV2; } });
-Object.defineProperty(exports, "createDependencies", { enumerable: true, get: function () { return plugin_1.createDependencies; } });

package/dist/plugins/component-testing/index.d.ts

@@ -19,6 +19,7 @@ type ViteDevServer = {
  * })
  *
  * @param pathToConfig will be used for loading project options and to construct the output paths for videos and screenshots
+ * @deprecated Migrate to React Router with `@nx/react`. This will be removed in Nx 25.
  */
 export declare function nxComponentTestingPreset(pathToConfig: string): {
     specPattern: string;

package/dist/plugins/component-testing/index.js

@@ -21,6 +21,7 @@ const path_1 = require("path");
  * })
  *
  * @param pathToConfig will be used for loading project options and to construct the output paths for videos and screenshots
+ * @deprecated Migrate to React Router with `@nx/react`. This will be removed in Nx 25.
  */
 function nxComponentTestingPreset(pathToConfig) {
     const normalizedProjectRootPath = ['.ts', '.js'].some((ext) => pathToConfig.endsWith(ext))

package/dist/readme-template.md

@@ -1,7 +1,7 @@
-<p style="text-align: center;">
+<p align="center">
   <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-dark.svg">
-    <img alt="Nx - Smart Monorepos · Fast Builds" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo-light.svg">
+    <img alt="Nx Logo" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.svg" width="140">
   </picture>
 </p>
 
@@ -13,6 +13,12 @@
 
 Get to green PRs in half the time. Nx optimizes your builds, scales your CI, and fixes failed PRs. Built for developers and AI agents.
 
-This package is a [Remix plugin for Nx](https://nx.dev/nx-api/remix).
+> `@nx/remix` is deprecated and will be removed in Nx 25. Nx 24 removes all executors and generators except `convert-to-inferred`.
+
+Existing Remix v2 applications can keep using `@nx/remix/plugin` until Nx 25. The Nx 24 migration converts legacy executor targets to inferred tasks. Run `nx g @nx/remix:convert-to-inferred` to convert them manually.
+
+For continued development, migrate to React Router with `@nx/react`. The `migrate-to-react-router` prompt migration guides an AI agent through the framework upgrade and Nx configuration, then asks it to run build and other relevant targets.
+
+See the [Remix migration instructions](https://nx.dev/docs/technologies/react/remix/introduction).
 
 {{content}}

package/dist/src/generators/convert-to-inferred/convert-to-inferred.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.convertToInferred = convertToInferred;
+const deprecation_1 = require("../../utils/deprecation");
 const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const plugin_1 = require("../../plugins/plugin");
@@ -8,6 +9,7 @@ const build_post_target_transformer_1 = require("./lib/build-post-target-transfo
 const serve_post_target_transformer_1 = require("./lib/serve-post-target-transformer");
 const versions_1 = require("../../utils/versions");
 async function convertToInferred(tree, options) {
+    (0, deprecation_1.warnRemixDeprecation)();
     (0, versions_1.assertSupportedRemixVersion)(tree);
     const projectGraph = await (0, devkit_1.createProjectGraphAsync)();
     const migrationLogs = new internal_1.AggregatedLog();

package/dist/src/migrations/update-24-0-0/convert-to-inferred.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export default function migrate(tree: Tree): Promise<() => void>;

package/dist/src/migrations/update-24-0-0/convert-to-inferred.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = migrate;
+const devkit_1 = require("@nx/devkit");
+const internal_1 = require("@nx/devkit/internal");
+const convert_to_inferred_1 = require("../../generators/convert-to-inferred/convert-to-inferred");
+const versions_1 = require("../../utils/versions");
+async function migrate(tree) {
+    // The generator throws on a sub-floor Remix version, which would abort the
+    // whole `nx migrate --run-migrations` batch. Pre-flight it and skip instead.
+    try {
+        (0, versions_1.assertSupportedRemixVersion)(tree);
+    }
+    catch (error) {
+        devkit_1.logger.warn(`Skipping the @nx/remix executor conversion.\n\n${error instanceof Error ? error.message : error}\n\nRun \`nx g @nx/remix:convert-to-inferred\` after resolving the issue above.`);
+        return;
+    }
+    try {
+        return await (0, convert_to_inferred_1.convertToInferred)(tree, {});
+    }
+    catch (error) {
+        if (!(error instanceof internal_1.NoTargetsToMigrateError)) {
+            throw error;
+        }
+    }
+}

package/dist/src/migrations/update-24-0-0/migrate-to-react-router.md

@@ -0,0 +1,50 @@
+# Migrate Remix v2 to React Router v7
+
+Migrate this workspace's Remix v2 applications to React Router v7 framework mode with `@nx/react`. Finish the application and Nx configuration changes, then validate the result. Do not replace an existing application with a generated starter.
+
+Nx 24 removes `@nx/remix` executors and all generators except `convert-to-inferred`. A separate automatic migration converts legacy executors to `@nx/remix/plugin` inference without upgrading Remix. That inference plugin and the remaining helpers are deprecated for removal in Nx 25. This prompt performs the framework upgrade; users can defer it and keep Remix v2 on Nx 24.
+
+## Read the upstream migration guides
+
+Use the official guides as the source of framework migration details:
+
+- [Remix v2 to React Router v7](https://reactrouter.com/7.18.4/upgrading/remix), including its linked codemod and Remix future flags.
+- [React Router framework documentation](https://reactrouter.com/7.18.4/start/framework/installation) for routing, type generation, rendering, and deployment.
+- [Nx React Router integration](https://nx.dev/docs/kb/react-router).
+- For classic Remix compiler applications, first follow the [Remix Vite migration guide](https://v2.remix.run/docs/guides/vite/).
+
+Read the resources rather than guessing changed APIs. Follow relevant links for the application's deployment adapter, custom server, or other features. Stay on React Router v7, the major `@nx/react` supports. Keep all React Router packages on the same v7 version. Do not claim completion if compatibility blocks the upgrade.
+
+## Inspect the workspace
+
+1. Determine the package manager, Nx version, and installed framework versions from the workspace manifests and lockfile. Keep Nx packages on the same version.
+2. Find every Remix app and shared library importing `@remix-run/*`. Inspect `remix.config.*`, `vite.config.*`, application entry points, route conventions, and TypeScript configuration. Distinguish classic compiler, Vite, SPA, and server-rendered applications.
+3. Inspect each project's resolved Nx targets with `nx show project <name> --json`, plus `nx.json`, project manifests, and CI commands. Record existing target names, dependencies, output paths, and plugin include/exclude rules.
+4. Inspect loaders/actions, resource routes, sessions, error boundaries, and custom server or deployment adapter code. Preserve the application's routing and rendering behavior while following the upstream migration steps.
+
+## Upgrade the applications
+
+- Adopt required future flags and fix affected code using the upstream guides. Check Node and React prerequisites before updating dependencies.
+- Use upstream codemods where appropriate, then inspect their changes. Update dependencies, imports, package scripts, and the lockfile using the workspace's package manager. Check shared libraries and tests as well as app source files.
+- Replace the Remix Vite plugin with the React Router plugin. Create `react-router.config.*` and the route configuration, retaining the existing route URLs and conventions. Keep Nx aliases and workspace-library support in the Vite configuration.
+- Update client/server entry points, runtime APIs, and types as directed by the guides. Configure React Router type generation and TypeScript includes. Adapt tests using Remix testing utilities.
+- Update custom servers, adapters, and deployment commands when present. Follow their upstream resources. Check SPA/SSR settings, static assets, environment variables, and build output locations against the actual app.
+
+## Finish the Nx integration
+
+1. Install the matching version of `@nx/react` if needed. Register `@nx/react/router-plugin` in `nx.json` and ensure each migrated app has a recognized `react-router.config.*` beside its project manifest.
+2. Map existing build/dev/start/typecheck target names to the React Router plugin options. Preserve CI references and task dependencies, or update their callers together. Do not blindly rename a `serve` target used by CI or e2e tests.
+3. Inspect resolved targets again. Remove obsolete `@nx/remix:*` executor references and commands invoking the Remix CLI. Review explicit overrides and `targetDefaults`, including entries filtered by `@nx/remix/plugin`, so they do not override the new inferred commands or point at old outputs.
+4. Check caching inputs and outputs against the React Router build directory. Update e2e server targets, Dockerfiles, deployment scripts, and start commands that refer to Remix artifacts.
+5. Search for remaining `@nx/remix` usage, including `createWatchPaths`, Cypress component-testing presets, generator defaults, and plugin registrations. Replace obsolete helper usage with the relevant upstream or Nx configuration. Keep registrations scoped to apps that still use Remix if the workspace is migrated in stages.
+6. Remove `@nx/remix` and unused `@remix-run/*` dependencies only after no project or shared configuration still needs them. Do not remove packages used by an unmigrated app.
+
+## Validate and fix last-mile failures
+
+Use the workspace package manager to run Nx commands. Discover available target names rather than assuming every app has the same targets.
+
+- Run the production build for every migrated app.
+- Run other relevant existing targets, such as typecheck, lint, unit tests, and e2e tests. Include affected shared libraries where applicable.
+- Smoke-test the existing dev/start targets and key routes where the environment permits, including a loader/action or resource route if the app has one.
+- Fix migration-related failures and rerun the failing checks. Check generated types, import resolution, stale target overrides, and deployment output paths when diagnosing failures. Do not disable tests or type checking to make validation pass.
+- Report the migrated projects, versions, commands run, and results. List blockers or checks that could not run. Edits and dependency installation alone do not prove the migration works.

package/dist/src/plugins/plugin.d.ts

@@ -1,4 +1,4 @@
-import { type CreateDependencies, CreateNodes } from '@nx/devkit';
+import { CreateNodes } from '@nx/devkit';
 export interface RemixPluginOptions {
     buildTargetName?: string;
     devTargetName?: string;
@@ -9,8 +9,10 @@ export interface RemixPluginOptions {
     serveStaticTargetName?: string;
 }
 /**
- * @deprecated The 'createDependencies' function is now a no-op. This functionality is included in 'createNodesV2'.
+ * @deprecated Migrate to React Router with `@nx/react`. This will be removed in Nx 25.
  */
-export declare const createDependencies: CreateDependencies;
 export declare const createNodes: CreateNodes<RemixPluginOptions>;
+/**
+ * @deprecated Migrate to React Router with `@nx/react`. This will be removed in Nx 25.
+ */
 export declare const createNodesV2: CreateNodes<RemixPluginOptions>;

package/dist/src/plugins/plugin.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createNodesV2 = exports.createNodes = exports.createDependencies = void 0;
+exports.createNodesV2 = exports.createNodes = void 0;
+const deprecation_1 = require("../utils/deprecation");
 const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
@@ -8,17 +9,14 @@ const path_1 = require("path");
 const fs_1 = require("fs");
 const executor_utils_1 = require("../utils/executor-utils");
 const internal_2 = require("@nx/js/internal");
+const remixConfigGlob = '**/{remix,vite}.config.{js,cjs,mjs,ts,cts,mts}';
 /**
- * @deprecated The 'createDependencies' function is now a no-op. This functionality is included in 'createNodesV2'.
+ * @deprecated Migrate to React Router with `@nx/react`. This will be removed in Nx 25.
  */
-const createDependencies = () => {
-    return [];
-};
-exports.createDependencies = createDependencies;
-const remixConfigGlob = '**/{remix,vite}.config.{js,cjs,mjs,ts,cts,mts}';
 exports.createNodes = [
     remixConfigGlob,
     async (configFilePaths, options, context) => {
+        (0, deprecation_1.warnRemixDeprecation)();
         const optionsHash = (0, internal_1.hashObject)(options);
         const cachePath = (0, path_1.join)(internal_1.workspaceDataDirectory, `remix-${optionsHash}.hash`);
         const targetsCache = new internal_1.PluginCache(cachePath);
@@ -55,6 +53,9 @@ exports.createNodes = [
         }
     },
 ];
+/**
+ * @deprecated Migrate to React Router with `@nx/react`. This will be removed in Nx 25.
+ */
 exports.createNodesV2 = exports.createNodes;
 async function createNodesInternal(configFilePath, options, context, targetsCache, isUsingTsSolutionSetup, pmc, siblingFiles, remixCompiler, hash) {
     const projectRoot = (0, path_1.dirname)(configFilePath);

package/dist/src/utils/create-watch-paths.d.ts

@@ -3,6 +3,7 @@ import { type ProjectGraph, type ProjectGraphProjectNode } from '@nx/devkit';
  * Generates an array of paths to watch based on the project dependencies.
  *
  * @param {string} dirname The absolute path to the Remix project, typically `__dirname`.
+ * @deprecated Migrate to React Router with `@nx/react`. This will be removed in Nx 25.
  */
 export declare function createWatchPaths(dirname: string): Promise<string[]>;
 export declare function getRelativeDependencyPaths(project: ProjectGraphProjectNode, deps: string[], graph: ProjectGraph): string[];

package/dist/src/utils/create-watch-paths.js

@@ -9,6 +9,7 @@ const internal_1 = require("@nx/devkit/internal");
  * Generates an array of paths to watch based on the project dependencies.
  *
  * @param {string} dirname The absolute path to the Remix project, typically `__dirname`.
+ * @deprecated Migrate to React Router with `@nx/react`. This will be removed in Nx 25.
  */
 async function createWatchPaths(dirname) {
     const graph = await (0, devkit_1.createProjectGraphAsync)();

package/dist/src/utils/deprecation.d.ts

@@ -1,4 +1,2 @@
-export declare const REMIX_BUILD_EXECUTOR_DEPRECATION_MESSAGE = "The `@nx/remix:build` executor is deprecated and will be removed in Nx v24. Run `nx g @nx/remix:convert-to-inferred` to migrate to the `@nx/remix/plugin` inferred targets. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.";
-export declare const REMIX_SERVE_EXECUTOR_DEPRECATION_MESSAGE = "The `@nx/remix:serve` executor is deprecated and will be removed in Nx v24. Run `nx g @nx/remix:convert-to-inferred` to migrate to the `@nx/remix/plugin` inferred targets. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.";
-export declare function warnRemixBuildExecutorDeprecation(): void;
-export declare function warnRemixServeExecutorDeprecation(): void;
+export declare const REMIX_DEPRECATION_MESSAGE = "@nx/remix is deprecated and will be removed in Nx 25. Migrate to React Router with @nx/react. See https://nx.dev/docs/technologies/react/remix/introduction for migration instructions.";
+export declare function warnRemixDeprecation(): void;

package/dist/src/utils/deprecation.js

@@ -1,17 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.REMIX_SERVE_EXECUTOR_DEPRECATION_MESSAGE = exports.REMIX_BUILD_EXECUTOR_DEPRECATION_MESSAGE = void 0;
-exports.warnRemixBuildExecutorDeprecation = warnRemixBuildExecutorDeprecation;
-exports.warnRemixServeExecutorDeprecation = warnRemixServeExecutorDeprecation;
+exports.REMIX_DEPRECATION_MESSAGE = void 0;
+exports.warnRemixDeprecation = warnRemixDeprecation;
 const devkit_1 = require("@nx/devkit");
-// TODO(v24): Remove the @nx/remix:build and @nx/remix:serve executors. The
-// inferred plugin (@nx/remix/plugin) and the convert-to-inferred generator
-// stay supported.
-exports.REMIX_BUILD_EXECUTOR_DEPRECATION_MESSAGE = 'The `@nx/remix:build` executor is deprecated and will be removed in Nx v24. Run `nx g @nx/remix:convert-to-inferred` to migrate to the `@nx/remix/plugin` inferred targets. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.';
-exports.REMIX_SERVE_EXECUTOR_DEPRECATION_MESSAGE = 'The `@nx/remix:serve` executor is deprecated and will be removed in Nx v24. Run `nx g @nx/remix:convert-to-inferred` to migrate to the `@nx/remix/plugin` inferred targets. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.';
-function warnRemixBuildExecutorDeprecation() {
-    devkit_1.logger.warn(exports.REMIX_BUILD_EXECUTOR_DEPRECATION_MESSAGE);
-}
-function warnRemixServeExecutorDeprecation() {
-    devkit_1.logger.warn(exports.REMIX_SERVE_EXECUTOR_DEPRECATION_MESSAGE);
+// TODO(v25): Remove @nx/remix entirely - the plugin (createNodes), createWatchPaths,
+// plugins/component-testing and the convert-to-inferred generator.
+exports.REMIX_DEPRECATION_MESSAGE = '@nx/remix is deprecated and will be removed in Nx 25. Migrate to React Router with @nx/react. See https://nx.dev/docs/technologies/react/remix/introduction for migration instructions.';
+let warned = false;
+function warnRemixDeprecation() {
+    if (!warned) {
+        devkit_1.logger.warn(exports.REMIX_DEPRECATION_MESSAGE);
+        warned = true;
+    }
 }

package/dist/src/utils/versions.d.ts

@@ -1,20 +1,2 @@
-import { Tree } from '@nx/devkit';
-export declare const nxVersion: any;
-export declare const minSupportedRemixVersion = "2.0.0";
+import { type Tree } from '@nx/devkit';
 export declare function assertSupportedRemixVersion(tree: Tree): void;
-export declare const remixVersion = "^2.17.3";
-export declare const isbotVersion = "^4.4.0";
-export declare const reactVersion = "^18.2.0";
-export declare const reactDomVersion = "^18.2.0";
-export declare const typesReactVersion = "^18.2.0";
-export declare const typesReactDomVersion = "^18.2.0";
-export declare const eslintVersion = "^9.8.0";
-export declare const typescriptVersion = "~5.9.2";
-export declare const postcssVersion = "^8.4.38";
-export declare const autoprefixerVersion = "^10.4.19";
-export declare const testingLibraryReactVersion = "^14.1.2";
-export declare const testingLibraryJestDomVersion = "6.4.2";
-export declare const testingLibraryDomVersion = "^10.4.0";
-export declare const testingLibraryUserEventsVersion = "^14.5.2";
-export declare const viteVersion = "^6.0.0";
-export declare function getRemixVersion(tree: Tree): string;

package/dist/src/utils/versions.js

@@ -1,34 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.viteVersion = exports.testingLibraryUserEventsVersion = exports.testingLibraryDomVersion = exports.testingLibraryJestDomVersion = exports.testingLibraryReactVersion = exports.autoprefixerVersion = exports.postcssVersion = exports.typescriptVersion = exports.eslintVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.reactDomVersion = exports.reactVersion = exports.isbotVersion = exports.remixVersion = exports.minSupportedRemixVersion = exports.nxVersion = void 0;
 exports.assertSupportedRemixVersion = assertSupportedRemixVersion;
-exports.getRemixVersion = getRemixVersion;
-const devkit_1 = require("@nx/devkit");
-const path_1 = require("path");
 const internal_1 = require("@nx/devkit/internal");
-exports.nxVersion = require((0, path_1.join)('@nx/remix', 'package.json')).version;
-// @nx/remix supports Remix v2 only. React Router v7 (the successor to Remix) is
-// handled by @nx/react. The floor rejects Remix v1; v2 is the only supported major.
-exports.minSupportedRemixVersion = '2.0.0';
 function assertSupportedRemixVersion(tree) {
-    (0, internal_1.assertSupportedPackageVersion)(tree, '@remix-run/dev', exports.minSupportedRemixVersion);
-}
-exports.remixVersion = '^2.17.3';
-exports.isbotVersion = '^4.4.0';
-exports.reactVersion = '^18.2.0';
-exports.reactDomVersion = '^18.2.0';
-exports.typesReactVersion = '^18.2.0';
-exports.typesReactDomVersion = '^18.2.0';
-exports.eslintVersion = '^9.8.0';
-exports.typescriptVersion = '~5.9.2';
-exports.postcssVersion = '^8.4.38';
-exports.autoprefixerVersion = '^10.4.19';
-exports.testingLibraryReactVersion = '^14.1.2';
-// TODO(colum): Unpin this when @testing-library/jest-dom pushes a fix
-exports.testingLibraryJestDomVersion = '6.4.2';
-exports.testingLibraryDomVersion = '^10.4.0';
-exports.testingLibraryUserEventsVersion = '^14.5.2';
-exports.viteVersion = '^6.0.0';
-function getRemixVersion(tree) {
-    return ((0, devkit_1.getDependencyVersionFromPackageJson)(tree, '@remix-run/dev') ?? exports.remixVersion);
+    (0, internal_1.assertSupportedPackageVersion)(tree, '@remix-run/dev', '2.0.0');
 }

package/generators.json

@@ -2,89 +2,12 @@
   "$schema": "https://json-schema.org/schema",
   "name": "NxRemix",
   "version": "0.0.1",
-  "extends": ["@nx/react"],
   "generators": {
-    "preset": {
-      "implementation": "./dist/src/generators/preset/preset.impl",
-      "schema": "./dist/src/generators/preset/schema.json",
-      "description": "Generate a new Remix workspace",
-      "hidden": true
-    },
-    "setup": {
-      "implementation": "./dist/src/generators/setup/setup.impl",
-      "schema": "./dist/src/generators/setup/schema.json",
-      "description": "Setup a Remix in an existing workspace",
-      "hidden": true
-    },
-    "application": {
-      "implementation": "./dist/src/generators/application/application.impl#remixApplicationGeneratorInternal",
-      "schema": "./dist/src/generators/application/schema.json",
-      "description": "Generate a new Remix application",
-      "aliases": ["app"],
-      "x-type": "application"
-    },
-    "cypress-component-configuration": {
-      "implementation": "./dist/src/generators/cypress-component-configuration/cypress-component-configuration.impl#cypressComponentConfigurationGeneratorInternal",
-      "schema": "./dist/src/generators/cypress-component-configuration/schema.json",
-      "description": "Generate a Cypress Component Testing configuration for a Remix project"
-    },
-    "library": {
-      "implementation": "./dist/src/generators/library/library.impl#remixLibraryGeneratorInternal",
-      "schema": "./dist/src/generators/library/schema.json",
-      "description": "Generate a new library",
-      "aliases": ["lib"],
-      "x-type": "library"
-    },
-    "init": {
-      "implementation": "./dist/src/generators/init/init#remixInitGeneratorInternal",
-      "schema": "./dist/src/generators/init/schema.json",
-      "description": "Initialize the `@nx/remix` plugin.",
-      "hidden": true
-    },
-    "route": {
-      "implementation": "./dist/src/generators/route/route.impl",
-      "schema": "./dist/src/generators/route/schema.json",
-      "description": "Generate a new route"
-    },
-    "resource-route": {
-      "implementation": "./dist/src/generators/resource-route/resource-route.impl",
-      "schema": "./dist/src/generators/resource-route/schema.json",
-      "description": "Generate a new resource route"
-    },
-    "action": {
-      "implementation": "./dist/src/generators/action/action.impl",
-      "schema": "./dist/src/generators/action/schema.json",
-      "description": "Add an action function to an existing route"
-    },
-    "loader": {
-      "implementation": "./dist/src/generators/loader/loader.impl",
-      "schema": "./dist/src/generators/loader/schema.json",
-      "description": "Add a loader function to an existing route"
-    },
-    "style": {
-      "implementation": "./dist/src/generators/style/style.impl",
-      "schema": "./dist/src/generators/style/schema.json",
-      "description": "Generates a new stylesheet and adds it to an existing route"
-    },
-    "storybook-configuration": {
-      "implementation": "./dist/src/generators/storybook-configuration/storybook-configuration.impl#remixStorybookConfiguration",
-      "schema": "./dist/src/generators/storybook-configuration/schema.json",
-      "description": "Generates a Storybook configuration for a Remix application"
-    },
-    "meta": {
-      "implementation": "./dist/src/generators/meta/meta.impl",
-      "schema": "./dist/src/generators/meta/schema.json",
-      "description": "Add a meta function to an existing route"
-    },
-    "error-boundary": {
-      "implementation": "./dist/src/generators/error-boundary/error-boundary.impl",
-      "schema": "./dist/src/generators/error-boundary/schema.json",
-      "description": "Add an ErrorBoundary to an existing route"
-    },
     "convert-to-inferred": {
       "factory": "./dist/src/generators/convert-to-inferred/convert-to-inferred",
       "schema": "./dist/src/generators/convert-to-inferred/schema.json",
-      "description": "Convert existing Remix project(s) using `@nx/remix:*` executors to use `@nx/remix/plugin`. Defaults to migrating all projects. Pass '--project' to migrate only one target."
+      "description": "Convert existing Remix project(s) using `@nx/remix:*` executors to use `@nx/remix/plugin`. Defaults to migrating all projects. Pass '--project' to migrate only one target.",
+      "x-deprecated": "@nx/remix will be removed in Nx 25. Migrate to React Router with @nx/react."
     }
   }
 }

package/migrations.json

@@ -10,6 +10,16 @@
       "version": "23.1.0-beta.0",
       "description": "Remove the unused @remix-run/eslint-config dependency (ESLint v8 only) that earlier Nx versions added but never wired into the generated lint setup.",
       "implementation": "./dist/src/migrations/update-23-1-0/remove-remix-eslint-config"
+    },
+    "convert-to-inferred": {
+      "version": "24.0.0-beta.0",
+      "description": "Convert legacy Remix executors to inferred tasks. Remix v2 remains supported until Nx 25.",
+      "implementation": "./dist/src/migrations/update-24-0-0/convert-to-inferred"
+    },
+    "migrate-to-react-router": {
+      "version": "24.0.0-beta.0",
+      "description": "Migrate Remix v2 applications to React Router v7 with @nx/react, including Nx configuration and validation.",
+      "prompt": "./dist/src/migrations/update-24-0-0/migrate-to-react-router.md"
     }
   },
   "packageJsonUpdates": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nx/remix",
-  "version": "23.3.0",
-  "description": "The Remix plugin for Nx contains executors and generators for managing Remix applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Vitest, Jest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, routes, loaders, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
+  "version": "24.0.0-beta.1",
+  "description": "Deprecated Remix v2 task inference for Nx. Generators and executors were removed in Nx 24, except convert-to-inferred. The remaining plugin will be removed in Nx 25. Migrate to React Router with @nx/react.",
   "repository": {
     "type": "git",
     "url": "https://github.com/nrwl/nx.git",
@@ -28,7 +28,6 @@
     "dist",
     "!dist/tsconfig.tsbuildinfo",
     "migrations.json",
-    "executors.json",
     "generators.json"
   ],
   "typesVersions": {
@@ -48,36 +47,27 @@
     }
   },
   "generators": "./generators.json",
-  "executors": "./executors.json",
   "nx-migrations": {
     "migrations": "./migrations.json",
     "supportsOptionalMigrations": true
   },
   "dependencies": {
-    "@nx/devkit": "23.3.0",
-    "@nx/js": "23.3.0",
-    "@nx/react": "23.3.0",
-    "@nx/web": "23.3.0",
-    "tslib": "^2.3.0",
-    "@phenomnomnominal/tsquery": "~6.2.0"
+    "@nx/devkit": "24.0.0-beta.1",
+    "@nx/js": "24.0.0-beta.1",
+    "tslib": "^2.3.0"
   },
   "devDependencies": {
-    "@nx/eslint": "23.3.0",
-    "nx": "23.3.0",
-    "@nx/vitest": "23.3.0"
+    "@nx/eslint": "24.0.0-beta.1",
+    "nx": "24.0.0-beta.1"
   },
   "peerDependencies": {
-    "@nx/cypress": "23.3.0",
-    "@nx/playwright": "23.3.0",
+    "@nx/cypress": "24.0.0-beta.1",
     "@remix-run/dev": "^2.0.0"
   },
   "peerDependenciesMeta": {
     "@nx/cypress": {
       "optional": true
     },
-    "@nx/playwright": {
-      "optional": true
-    },
     "@remix-run/dev": {
       "optional": true
     }
@@ -93,7 +83,6 @@
     },
     "./package.json": "./package.json",
     "./generators.json": "./generators.json",
-    "./executors.json": "./executors.json",
     "./migrations.json": "./migrations.json",
     "./generators": {
       "@nx/nx-source": "./generators.ts",