@nx/angular 21.0.0-beta.1 → 21.0.0-beta.11

package/src/generators/library/library.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.libraryGenerator = libraryGenerator;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const eslint_1 = require("@nx/eslint");
 const js_1 = require("@nx/js");
 const init_1 = tslib_1.__importDefault(require("../../generators/init/init"));
 const add_linting_1 = tslib_1.__importDefault(require("../add-linting/add-linting"));
@@ -25,6 +24,7 @@ const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-projec
 const test_runners_1 = require("../../utils/test-runners");
 const add_vitest_1 = require("../utils/add-vitest");
 const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const add_release_config_1 = require("@nx/js/src/generators/library/utils/add-release-config");
 async function libraryGenerator(tree, schema) {
     (0, ts_solution_setup_1.assertNotUsingTsSolutionSetup)(tree, 'angular', 'library');
     // Do some validation checks
@@ -49,7 +49,7 @@ async function libraryGenerator(tree, schema) {
     if (!libraryOptions.skipPackageJson) {
         (0, ensure_angular_dependencies_1.ensureAngularDependencies)(tree);
     }
-    const project = (0, add_project_1.addProject)(tree, libraryOptions);
+    const project = await (0, add_project_1.addProject)(tree, libraryOptions);
     (0, create_files_1.createFiles)(tree, options, project);
     (0, update_tsconfig_1.updateTsConfig)(tree, libraryOptions);
     await addUnitTestRunner(tree, libraryOptions);
@@ -76,6 +76,9 @@ async function libraryGenerator(tree, schema) {
             'ng-packagr': pkgVersions.ngPackagrVersion,
         }, undefined, true);
         (0, dependencies_1.addBuildableLibrariesPostCssDependencies)(tree);
+        if (libraryOptions.publishable) {
+            await (0, add_release_config_1.releaseTasks)(tree);
+        }
     }
     (0, js_1.addTsConfigPath)(tree, libraryOptions.importPath, [
         (0, devkit_1.joinPathFragments)(libraryOptions.projectRoot, './src', 'index.ts'),
@@ -122,7 +125,7 @@ function setStrictMode(host, options) {
     }
 }
 async function addLinting(host, options) {
-    if (options.linter === eslint_1.Linter.None) {
+    if (options.linter === 'none') {
         return;
     }
     await (0, add_linting_1.default)(host, {

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

@@ -12,7 +12,6 @@ export interface Schema {
   buildable?: boolean;
   publishable?: boolean;
   importPath?: string;
-  standaloneConfig?: boolean;
   spec?: boolean;
   flat?: boolean;
   commonModule?: boolean;

package/src/generators/library/schema.json

@@ -108,12 +108,6 @@
       "enum": ["eslint", "none"],
       "default": "eslint"
     },
-    "standaloneConfig": {
-      "description": "Split the project configuration into `<projectRoot>/project.json` rather than including it inside `workspace.json`.",
-      "type": "boolean",
-      "default": true,
-      "x-deprecated": "Nx only supports standaloneConfig"
-    },
     "compilationMode": {
       "description": "Specifies the compilation mode to use. If not specified, it will default to `partial` for publishable libraries and to `full` for buildable libraries. The `full` value can not be used for publishable libraries.",
       "type": "string",

package/src/generators/move/move.d.ts

@@ -1,3 +1,6 @@
 import type { Tree } from '@nx/devkit';
 import type { Schema } from './schema';
+/**
+ * @deprecated Use the `@nx/workspace:move` generator instead. It will be removed in Nx v22.
+ */
 export declare function angularMoveGenerator(tree: Tree, schema: Schema): Promise<void>;

package/src/generators/move/move.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.angularMoveGenerator = angularMoveGenerator;
 const move_1 = require("@nx/workspace/src/generators/move/move");
+/**
+ * @deprecated Use the `@nx/workspace:move` generator instead. It will be removed in Nx v22.
+ */
 async function angularMoveGenerator(tree, schema) {
     process.env.NX_ANGULAR_MOVE_INVOKED = 'true';
     await (0, move_1.moveGenerator)(tree, schema);

package/src/generators/ng-add/migrators/projects/e2e.migrator.js

@@ -173,8 +173,8 @@ class E2eMigrator extends project_migrator_1.ProjectMigrator {
         }
         else if (this.isCypressE2eProject()) {
             (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
-            const { installedCypressVersion, } = require('@nx/cypress/src/utils/cypress-version');
-            this.cypressInstalledVersion = installedCypressVersion();
+            const { getInstalledCypressMajorVersion, } = require('@nx/cypress/src/utils/versions');
+            this.cypressInstalledVersion = getInstalledCypressMajorVersion(this.tree);
             this.project = {
                 ...this.project,
                 name,
@@ -215,7 +215,7 @@ class E2eMigrator extends project_migrator_1.ProjectMigrator {
         if (this.isProjectUsingEsLint) {
             await (0, eslint_1.lintProjectGenerator)(this.tree, {
                 project: this.project.name,
-                linter: eslint_1.Linter.EsLint,
+                linter: 'eslint',
                 unitTestRunner: this.options.unitTestRunner,
                 tsConfigPaths: [
                     (0, devkit_1.joinPathFragments)(this.project.newRoot, 'tsconfig.json'),
@@ -240,7 +240,7 @@ class E2eMigrator extends project_migrator_1.ProjectMigrator {
         const { configurationGenerator } = (require('@nx/cypress'));
         await configurationGenerator(this.tree, {
             project: this.project.name,
-            linter: this.isProjectUsingEsLint ? eslint_1.Linter.EsLint : eslint_1.Linter.None,
+            linter: this.isProjectUsingEsLint ? 'eslint' : 'none',
             skipFormat: true,
             // any target would do, we replace it later with the target existing in the project being migrated
             devServerTarget: `${this.appName}:serve`,

package/src/generators/ngrx/ngrx.d.ts

@@ -1,4 +1,7 @@
 import type { GeneratorCallback, Tree } from '@nx/devkit';
 import type { NgRxGeneratorOptions } from './schema';
+/**
+ * @deprecated Use the 'ngrx-root-store' and 'ngrx-feature-store' generators instead. It will be removed in Nx v22.
+ */
 export declare function ngrxGenerator(tree: Tree, schema: NgRxGeneratorOptions): Promise<GeneratorCallback>;
 export default ngrxGenerator;

package/src/generators/ngrx/ngrx.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ngrxGenerator = ngrxGenerator;
 const devkit_1 = require("@nx/devkit");
 const lib_1 = require("./lib");
+/**
+ * @deprecated Use the 'ngrx-root-store' and 'ngrx-feature-store' generators instead. It will be removed in Nx v22.
+ */
 async function ngrxGenerator(tree, schema) {
     (0, lib_1.validateOptions)(tree, schema);
     const options = (0, lib_1.normalizeOptions)(tree, schema);

package/src/generators/ngrx/schema.json

@@ -3,7 +3,7 @@
   "$id": "NxNgrxGenerator",
   "title": "Add NgRx support to an application or library.",
   "description": "Adds NgRx support to an application or library.",
-  "x-deprecated": "This generator is deprecated and will be removed in a future version of Nx. Use the 'ngrx-root-store' and 'ngrx-feature-store' generators instead.",
+  "x-deprecated": "Use the 'ngrx-root-store' and 'ngrx-feature-store' generators instead. It will be removed in Nx v22.",
   "cli": "nx",
   "type": "object",
   "examples": [

package/src/generators/ngrx-feature-store/schema.d.ts

@@ -2,7 +2,7 @@ export interface Schema {
   name: string;
   minimal: boolean;
   parent: string;
-  directory?: string;
+  directory: string;
   route?: string;
   barrels?: boolean;
   facade?: boolean;

package/src/generators/remote/remote.js

@@ -18,7 +18,7 @@ async function remote(tree, schema) {
     if (options.host && !projects.has(options.host)) {
         throw new Error(`The name of the application to be used as the host app does not exist. (${options.host})`);
     }
-    await (0, project_name_and_root_utils_1.ensureProjectName)(tree, options, 'application');
+    await (0, project_name_and_root_utils_1.ensureRootProjectName)(options, 'application');
     const { projectName: remoteProjectName } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(tree, {
         name: options.name,
         projectType: 'application',

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

@@ -19,7 +19,6 @@ export interface Schema {
   e2eTestRunner?: E2eTestRunner;
   backendProject?: string;
   strict?: boolean;
-  standaloneConfig?: boolean;
   inlineStyle?: boolean;
   inlineTemplate?: boolean;
   viewEncapsulation?: 'Emulated' | 'Native' | 'None';

package/src/generators/remote/schema.json

@@ -138,12 +138,6 @@
       "description": "Create an application with stricter type checking and build optimization options.",
       "default": true
     },
-    "standaloneConfig": {
-      "description": "Split the project configuration into `<projectRoot>/project.json` rather than including it inside `workspace.json`.",
-      "type": "boolean",
-      "default": true,
-      "x-deprecated": "Nx only supports standaloneConfig"
-    },
     "setParserOptionsProject": {
       "type": "boolean",
       "description": "Whether or not to configure the ESLint `parserOptions.project` option. We do not do this by default for lint performance reasons.",

package/src/generators/setup-mf/lib/setup-serve-target.js

@@ -17,6 +17,7 @@ function setupServeTarget(host, options) {
     };
     if (options.mfType === 'remote') {
         appConfig.targets['serve-static'] = {
+            continuous: true,
             executor: '@nx/web:file-server',
             defaultConfiguration: 'production',
             options: {

package/src/generators/setup-ssr/files/v19+/application-builder/ngmodule-src/app/__rootModuleFileName__

@@ -1,13 +1,13 @@
 import { NgModule } from '@angular/core';
 import { ServerModule } from '@angular/platform-server';<% if(serverRouting) { %>
-import { provideServerRoutesConfig } from '@angular/ssr';<% } %>
+import { <%= provideServerRoutingFn %> } from '@angular/ssr';<% } %>
 import { AppComponent } from './app.component';
 import { AppModule } from './app.module';<% if(serverRouting) { %>
 import { serverRoutes } from './app.routes.server';<% } %>
 
 @NgModule({
   imports: [AppModule, ServerModule],<% if(serverRouting) { %>
-  providers: [provideServerRoutesConfig(serverRoutes)],<% } %>
+  providers: [<%= provideServerRoutingFn %>(serverRoutes)],<% } %>
   bootstrap: [AppComponent],
 })
 export class <%= rootModuleClassName %> {}

package/src/generators/setup-ssr/files/v19+/application-builder/server/__serverFileName__

@@ -61,6 +61,6 @@ if (isMainModule(import.meta.url)) {
 }
 
 /**
- * The request handler used by the Angular CLI (dev-server and during build).
+ * Request handler used by the Angular CLI (for dev-server and during build) or Firebase Cloud Functions.
  */
 export const reqHandler = createNodeRequestHandler(app);

package/src/generators/setup-ssr/files/v19+/application-builder/standalone-src/app/app.config.server.ts__tpl__

@@ -1,13 +1,13 @@
 import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
 import { provideServerRendering } from '@angular/platform-server';<% if(serverRouting) { %>
-import { provideServerRoutesConfig } from '@angular/ssr';<% } %>
+import { <%= provideServerRoutingFn %> } from '@angular/ssr';<% } %>
 import { appConfig } from './app.config';<% if(serverRouting) { %>
 import { serverRoutes } from './app.routes.server';<% } %>
 
 const serverConfig: ApplicationConfig = {
   providers: [
     provideServerRendering()<% if(serverRouting) { %>,
-    provideServerRoutesConfig(serverRoutes)<% } %>
+    <%= provideServerRoutingFn %>(serverRoutes)<% } %>
   ]
 };
 

package/src/generators/setup-ssr/files/v19+/application-builder-common-engine/server/__serverFileName__

@@ -63,3 +63,5 @@ if (isMainModule(import.meta.url)) {
     console.log(`Node Express server listening on http://localhost:${port}`);
   });
 }
+
+export default app;

package/src/generators/setup-ssr/lib/generate-files.js

@@ -4,6 +4,7 @@ exports.generateSSRFiles = generateSSRFiles;
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const version_utils_1 = require("../../utils/version-utils");
+const semver_1 = require("semver");
 function generateSSRFiles(tree, options) {
     const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     if (project.targets.server ||
@@ -24,7 +25,17 @@ function generateSSRFiles(tree, options) {
         pathToFiles = (0, path_1.join)(baseFilesPath, 'pre-v19', options.standalone ? 'standalone-src' : 'ngmodule-src');
     }
     const sourceRoot = project.sourceRoot ?? (0, devkit_1.joinPathFragments)(project.root, 'src');
-    (0, devkit_1.generateFiles)(tree, pathToFiles, sourceRoot, { ...options, tpl: '' });
+    const ssrVersion = (0, version_utils_1.getInstalledPackageVersion)(tree, '@angular/ssr');
+    const cleanedSsrVersion = ssrVersion
+        ? (0, semver_1.clean)(ssrVersion) ?? (0, semver_1.coerce)(ssrVersion).version
+        : null;
+    (0, devkit_1.generateFiles)(tree, pathToFiles, sourceRoot, {
+        ...options,
+        provideServerRoutingFn: !cleanedSsrVersion || (0, semver_1.gte)(cleanedSsrVersion, '19.2.0')
+            ? 'provideServerRouting'
+            : 'provideServerRoutesConfig',
+        tpl: '',
+    });
     if (angularMajorVersion >= 19 && !options.serverRouting) {
         tree.delete((0, devkit_1.joinPathFragments)(sourceRoot, 'app/app.routes.server.ts'));
     }

package/src/generators/setup-ssr/lib/update-project-config.js

@@ -76,6 +76,7 @@ function updateProjectConfigForBrowserBuilder(tree, options) {
         defaultConfiguration: 'production',
     };
     projectConfig.targets['serve-ssr'] = {
+        continuous: true,
         executor: '@angular-devkit/build-angular:ssr-dev-server',
         configurations: {
             development: {

package/src/generators/stories/stories.js

@@ -7,7 +7,7 @@ const component_story_1 = tslib_1.__importDefault(require("../component-story/co
 const component_info_1 = require("../utils/storybook-ast/component-info");
 const entry_point_1 = require("../utils/storybook-ast/entry-point");
 const module_info_1 = require("../utils/storybook-ast/module-info");
-const minimatch_1 = require("minimatch");
+const picomatch = require("picomatch");
 const versions_1 = require("../../utils/versions");
 async function angularStoriesGenerator(tree, options) {
     const entryPoints = (0, entry_point_1.getProjectEntryPoints)(tree, options.name);
@@ -17,7 +17,7 @@ async function angularStoriesGenerator(tree, options) {
         componentsInfo.push(...(0, component_info_1.getComponentsInfo)(tree, entryPoint, moduleFilePaths, options.name), ...(0, component_info_1.getStandaloneComponentsInfo)(tree, entryPoint));
     }
     const componentInfos = componentsInfo.filter((f) => !options.ignorePaths?.some((pattern) => {
-        const shouldIgnorePath = (0, minimatch_1.minimatch)((0, devkit_1.joinPathFragments)(f.moduleFolderPath, f.path, `${f.componentFileName}.ts`), pattern);
+        const shouldIgnorePath = picomatch(pattern)((0, devkit_1.joinPathFragments)(f.moduleFolderPath, f.path, `${f.componentFileName}.ts`));
         return shouldIgnorePath;
     }));
     for (const info of componentInfos) {

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

@@ -4,5 +4,6 @@ export type AddJestOptions = {
     projectRoot: string;
     skipPackageJson: boolean;
     strict: boolean;
+    addPlugin?: boolean;
 };
 export declare function addJest(tree: Tree, options: AddJestOptions): Promise<void>;

package/src/generators/utils/add-jest.js

@@ -16,8 +16,8 @@ async function addJest(tree, options) {
         skipSerializers: false,
         skipPackageJson: options.skipPackageJson,
         skipFormat: true,
-        addPlugin: false,
-        addExplicitTargets: true,
+        addPlugin: options.addPlugin ?? false,
+        addExplicitTargets: !options.addPlugin,
     });
     const setupFile = (0, devkit_1.joinPathFragments)(options.projectRoot, 'src', 'test-setup.ts');
     if (options.strict && tree.exists(setupFile)) {

package/src/generators/utils/add-vitest.d.ts

@@ -4,5 +4,6 @@ export type AddVitestOptions = {
     projectRoot: string;
     skipPackageJson: boolean;
     strict: boolean;
+    addPlugin?: boolean;
 };
 export declare function addVitest(tree: Tree, options: AddVitestOptions): Promise<void>;

package/src/generators/utils/add-vitest.js

@@ -10,6 +10,6 @@ async function addVitest(tree, options) {
         uiFramework: 'angular',
         testEnvironment: 'jsdom',
         coverageProvider: 'v8',
-        addPlugin: false,
+        addPlugin: options.addPlugin ?? false,
     });
 }

package/src/generators/utils/ensure-angular-dependencies.js

@@ -19,7 +19,6 @@ function ensureAngularDependencies(tree) {
         const rxjsVersion = (0, version_utils_1.getInstalledPackageVersion)(tree, 'rxjs') ?? pkgVersions.rxjsVersion;
         const tsLibVersion = (0, version_utils_1.getInstalledPackageVersion)(tree, 'tslib') ?? pkgVersions.tsLibVersion;
         const zoneJsVersion = (0, version_utils_1.getInstalledPackageVersion)(tree, 'zone.js') ?? pkgVersions.zoneJsVersion;
-        dependencies['@angular/animations'] = angularVersion;
         dependencies['@angular/common'] = angularVersion;
         dependencies['@angular/compiler'] = angularVersion;
         dependencies['@angular/core'] = angularVersion;

package/src/generators/utils/testing.js

@@ -7,7 +7,6 @@ exports.generateTestLibrary = generateTestLibrary;
 exports.createStorybookTestWorkspaceForLib = createStorybookTestWorkspaceForLib;
 const devkit_1 = require("@nx/devkit");
 const testing_1 = require("@nx/devkit/testing");
-const eslint_1 = require("@nx/eslint");
 const test_runners_1 = require("../../utils/test-runners");
 const application_1 = require("../application/application");
 const component_1 = require("../component/component");
@@ -40,7 +39,7 @@ async function createStorybookTestWorkspaceForLib(libName) {
     await (0, library_1.libraryGenerator)(tree, {
         directory: libName,
         buildable: false,
-        linter: eslint_1.Linter.EsLint,
+        linter: 'eslint',
         publishable: false,
         simpleName: false,
         skipFormat: true,

package/src/migrations/update-16-2-0/switch-data-persistence-operators-imports-to-ngrx-router-store.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const devkit_1 = require("@nx/devkit");
 const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+const project_graph_1 = require("nx/src/config/project-graph");
+const nx_deps_cache_1 = require("nx/src/project-graph/nx-deps-cache");
+const version_utils_1 = require("../../generators/utils/version-utils");
 const file_change_recorder_1 = require("../../utils/file-change-recorder");
-const versions_1 = require("../../utils/versions");
 const projects_1 = require("../utils/projects");
-const nx_deps_cache_1 = require("nx/src/project-graph/nx-deps-cache");
-const project_graph_1 = require("nx/src/config/project-graph");
 let tsquery;
 const angularPluginTargetNames = ['npm:@nx/angular', 'npm:@nrwl/angular'];
 const dataPersistenceOperators = [
@@ -109,7 +109,7 @@ function addNgrxRouterStoreIfNotInstalled(tree) {
         devDependencies?.['@ngrx/router-store']) {
         return;
     }
-    (0, devkit_1.addDependenciesToPackageJson)(tree, { '@ngrx/router-store': versions_1.ngrxVersion }, {});
+    (0, devkit_1.addDependenciesToPackageJson)(tree, { '@ngrx/router-store': (0, version_utils_1.versions)(tree).ngrxVersion }, {});
 }
 function filterFilesWithNxAngularDep(files) {
     const filteredFiles = [];

package/src/migrations/update-19-6-0/turn-off-dts-by-default.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const devkit_1 = require("@nx/devkit");
-const minimatch_1 = require("minimatch");
+const picomatch = require("picomatch");
 const tsquery_1 = require("@phenomnomnominal/tsquery");
 async function default_1(tree) {
     (0, devkit_1.visitNotIgnoredFiles)(tree, '', (path) => {
         const webpackConfigGlob = '**/webpack*.config*.{js,ts,mjs,cjs}';
-        const result = (0, minimatch_1.minimatch)(path, webpackConfigGlob);
+        const result = picomatch(webpackConfigGlob)(path);
         if (!result) {
             return;
         }

package/src/migrations/{update-16-1-0 → update-20-5-0}/update-angular-cli.d.ts

@@ -1,3 +1,3 @@
 import { Tree } from '@nx/devkit';
-export declare const angularCliVersion = "~16.0.0";
+export declare const angularCliVersion = "~19.2.0";
 export default function (tree: Tree): Promise<void>;

package/src/migrations/{update-16-1-0 → update-20-5-0}/update-angular-cli.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.angularCliVersion = void 0;
 exports.default = default_1;
 const devkit_1 = require("@nx/devkit");
-exports.angularCliVersion = '~16.0.0';
+exports.angularCliVersion = '~19.2.0';
 async function default_1(tree) {
     let shouldFormat = false;
     (0, devkit_1.updateJson)(tree, 'package.json', (json) => {

package/src/migrations/{update-16-1-0/remove-ngcc-invocation.d.ts → update-21-0-0/change-data-persistence-operators-imports-to-ngrx-router-store-data-persistence.d.ts}

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

package/src/migrations/update-21-0-0/change-data-persistence-operators-imports-to-ngrx-router-store-data-persistence.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const devkit_1 = require("@nx/devkit");
+const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+const project_graph_1 = require("nx/src/config/project-graph");
+const nx_deps_cache_1 = require("nx/src/project-graph/nx-deps-cache");
+const version_utils_1 = require("../../generators/utils/version-utils");
+const file_change_recorder_1 = require("../../utils/file-change-recorder");
+const projects_1 = require("../utils/projects");
+let tsquery;
+const angularPluginTargetNames = ['npm:@nx/angular', 'npm:@nrwl/angular'];
+const dataPersistenceOperators = [
+    'fetch',
+    'navigation',
+    'optimisticUpdate',
+    'pessimisticUpdate',
+];
+const newImportPath = '@ngrx/router-store/data-persistence';
+async function default_1(tree) {
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, angularPluginTargetNames);
+    if (!projects.length) {
+        return;
+    }
+    (0, ensure_typescript_1.ensureTypescript)();
+    tsquery = require('@phenomnomnominal/tsquery').tsquery;
+    const cachedFileMap = (0, nx_deps_cache_1.readFileMapCache)().fileMap.projectFileMap;
+    const filesWithNxAngularImports = [];
+    for (const { graphNode } of projects) {
+        const files = filterFilesWithNxAngularDep(cachedFileMap[graphNode.name] || []);
+        filesWithNxAngularImports.push(...files);
+    }
+    let isAnyFileUsingDataPersistence = false;
+    for (const { file } of filesWithNxAngularImports) {
+        const updated = replaceDataPersistenceInFile(tree, file);
+        isAnyFileUsingDataPersistence ||= updated;
+    }
+    if (isAnyFileUsingDataPersistence) {
+        addNgrxRouterStoreIfNotInstalled(tree);
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}
+function replaceDataPersistenceInFile(tree, file) {
+    const fileContents = tree.read(file, 'utf-8');
+    const fileAst = tsquery.ast(fileContents);
+    // "\\u002F" is the unicode code for "/", there's an issue with the query parser
+    // that prevents using "/" directly in regex queries
+    // https://github.com/estools/esquery/issues/68#issuecomment-415597670
+    const NX_ANGULAR_IMPORT_SELECTOR = 'ImportDeclaration:has(StringLiteral[value=/@(nx|nrwl)\\u002Fangular$/])';
+    const nxAngularImports = tsquery(fileAst, NX_ANGULAR_IMPORT_SELECTOR, { visitAllChildren: true });
+    if (!nxAngularImports.length) {
+        return false;
+    }
+    const recorder = new file_change_recorder_1.FileChangeRecorder(tree, file);
+    const IMPORT_SPECIFIERS_SELECTOR = 'ImportClause NamedImports ImportSpecifier';
+    for (const importDeclaration of nxAngularImports) {
+        const importSpecifiers = tsquery(importDeclaration, IMPORT_SPECIFIERS_SELECTOR, { visitAllChildren: true });
+        if (!importSpecifiers.length) {
+            continue;
+        }
+        // no imported symbol is a data persistence operator, skip
+        if (importSpecifiers.every((i) => !isOperatorImport(i))) {
+            continue;
+        }
+        // all imported symbols are data persistence operators, change import path
+        if (importSpecifiers.every((i) => isOperatorImport(i))) {
+            const IMPORT_PATH_SELECTOR = `${NX_ANGULAR_IMPORT_SELECTOR} > StringLiteral`;
+            const importPathNode = tsquery(importDeclaration, IMPORT_PATH_SELECTOR, {
+                visitAllChildren: true,
+            });
+            recorder.replace(importPathNode[0], `'${newImportPath}'`);
+            continue;
+        }
+        // mixed imports, split data persistence operators to a separate import
+        const operatorImportSpecifiers = [];
+        for (const importSpecifier of importSpecifiers) {
+            if (isOperatorImport(importSpecifier)) {
+                operatorImportSpecifiers.push(importSpecifier.getText());
+                recorder.remove(importSpecifier.getStart(), importSpecifier.getEnd() +
+                    (hasTrailingComma(recorder.originalContent, importSpecifier)
+                        ? 1
+                        : 0));
+            }
+        }
+        recorder.insertLeft(importDeclaration.getStart(), `import { ${operatorImportSpecifiers.join(', ')} } from '${newImportPath}';`);
+    }
+    if (recorder.hasChanged()) {
+        recorder.applyChanges();
+        return true;
+    }
+    return false;
+}
+function hasTrailingComma(content, node) {
+    return content[node.getEnd()] === ',';
+}
+function isOperatorImport(importSpecifier) {
+    return dataPersistenceOperators.includes(getOriginalIdentifierTextFromImportSpecifier(importSpecifier));
+}
+function getOriginalIdentifierTextFromImportSpecifier(importSpecifier) {
+    const children = importSpecifier.getChildren();
+    if (!children.length) {
+        return importSpecifier.getText();
+    }
+    return children[0].getText();
+}
+function addNgrxRouterStoreIfNotInstalled(tree) {
+    const { dependencies, devDependencies } = (0, devkit_1.readJson)(tree, 'package.json');
+    if (dependencies?.['@ngrx/router-store'] ||
+        devDependencies?.['@ngrx/router-store']) {
+        return;
+    }
+    (0, devkit_1.addDependenciesToPackageJson)(tree, { '@ngrx/router-store': (0, version_utils_1.versions)(tree).ngrxVersion }, {});
+}
+function filterFilesWithNxAngularDep(files) {
+    const filteredFiles = [];
+    for (const file of files) {
+        if (file.deps?.some((dep) => angularPluginTargetNames.includes((0, project_graph_1.fileDataDepTarget)(dep)))) {
+            filteredFiles.push(file);
+        }
+    }
+    return filteredFiles;
+}

package/src/migrations/update-21-0-0/set-continuous-option.d.ts

@@ -0,0 +1,3 @@
+import { type Tree } from '@nx/devkit';
+export declare const continuousExecutors: Set<string>;
+export default function (tree: Tree): Promise<void>;

package/src/migrations/update-21-0-0/set-continuous-option.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.continuousExecutors = void 0;
+exports.default = default_1;
+const devkit_1 = require("@nx/devkit");
+exports.continuousExecutors = new Set([
+    '@angular-devkit/build-angular:dev-server',
+    '@angular-devkit/build-angular:ssr-dev-server',
+    '@nx/angular:dev-server',
+    '@nx/angular:module-federation-dev-server',
+    '@nx/angular:module-federation-dev-ssr',
+]);
+async function default_1(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [projectName, projectConfig] of projects) {
+        let updated = false;
+        for (const targetConfig of Object.values(projectConfig.targets ?? {})) {
+            if (exports.continuousExecutors.has(targetConfig.executor) &&
+                targetConfig.continuous === undefined) {
+                targetConfig.continuous = true;
+                updated = true;
+            }
+        }
+        if (updated) {
+            (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfig);
+        }
+    }
+    await (0, devkit_1.formatFiles)(tree);
+}

package/src/plugins/plugin.js

@@ -114,6 +114,7 @@ async function buildAngularProjects(configFilePath, options, angularWorkspaceRoo
                 await updateBuildTarget(nxTargetName, targets[nxTargetName], angularTarget, context, angularWorkspaceRoot, project.root, namedInputs);
             }
             else if (knownExecutors.devServer.has(angularTarget.builder)) {
+                targets[nxTargetName].continuous = true;
                 targets[nxTargetName].metadata.help.example.options = { port: 4201 };
             }
             else if (knownExecutors.extractI18n.has(angularTarget.builder)) {
@@ -128,6 +129,7 @@ async function buildAngularProjects(configFilePath, options, angularWorkspaceRoo
                 updateServerTarget(targets[nxTargetName], angularTarget, context, angularWorkspaceRoot, project.root, namedInputs);
             }
             else if (knownExecutors.serveSsr.has(angularTarget.builder)) {
+                targets[nxTargetName].continuous = true;
                 targets[nxTargetName].metadata.help.example.options = { port: 4201 };
             }
             else if (knownExecutors.prerender.has(angularTarget.builder)) {

package/src/utils/backward-compatible-versions.js

@@ -6,6 +6,7 @@ exports.backwardCompatibleVersions = {
         angularVersion: '~17.3.0',
         angularDevkitVersion: '~17.3.0',
         ngPackagrVersion: '~17.3.0',
+        angularRspackVersion: '~20.6.1',
         ngrxVersion: '~17.0.0',
         rxjsVersion: '~7.8.0',
         zoneJsVersion: '~0.14.3',
@@ -33,6 +34,7 @@ exports.backwardCompatibleVersions = {
         angularVersion: '~18.2.0',
         angularDevkitVersion: '~18.2.0',
         ngPackagrVersion: '~18.2.0',
+        angularRspackVersion: '~20.6.1',
         ngrxVersion: '~18.0.2',
         rxjsVersion: '~7.8.0',
         zoneJsVersion: '~0.14.3',