@nx/angular 17.0.2 → 17.0.4

package/src/generators/convert-to-application-executor/convert-to-application-executor.js

@@ -0,0 +1,242 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToApplicationExecutor = void 0;
+const devkit_1 = require("@nx/devkit");
+const posix_1 = require("node:path/posix");
+const semver_1 = require("semver");
+const targets_1 = require("../../utils/targets");
+const setup_ssr_1 = require("../setup-ssr/setup-ssr");
+const validations_1 = require("../utils/validations");
+const version_utils_1 = require("../utils/version-utils");
+const executorsToConvert = new Set([
+    '@angular-devkit/build-angular:browser',
+    '@angular-devkit/build-angular:browser-esbuild',
+    '@nx/angular:webpack-browser',
+    '@nx/angular:browser-esbuild',
+]);
+const serverTargetExecutors = new Set([
+    '@angular-devkit/build-angular:server',
+    '@nx/angular:webpack-server',
+]);
+const redundantExecutors = new Set([
+    '@angular-devkit/build-angular:server',
+    '@angular-devkit/build-angular:prerender',
+    '@angular-devkit/build-angular:app-shell',
+    '@angular-devkit/build-angular:ssr-dev-server',
+    '@nx/angular:webpack-server',
+]);
+async function convertToApplicationExecutor(tree, options) {
+    const { major: angularMajorVersion, version: angularVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    if (angularMajorVersion < 17) {
+        throw new Error(`The "convert-to-application-executor" generator is only supported in Angular >= 17.0.0. You are currently using "${angularVersion}".`);
+    }
+    let didAnySucceed = false;
+    if (options.project) {
+        (0, validations_1.validateProject)(tree, options.project);
+        didAnySucceed = await convertProjectTargets(tree, options.project, angularVersion, true);
+    }
+    else {
+        const projects = (0, devkit_1.getProjects)(tree);
+        for (const [projectName] of projects) {
+            devkit_1.logger.info(`Converting project "${projectName}"...`);
+            const success = await convertProjectTargets(tree, projectName, angularVersion);
+            if (success) {
+                devkit_1.logger.info(`Project "${projectName}" converted successfully.`);
+            }
+            else {
+                devkit_1.logger.info(`Project "${projectName}" could not be converted. See above for more information.`);
+            }
+            devkit_1.logger.info('');
+            didAnySucceed = didAnySucceed || success;
+        }
+    }
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+    return didAnySucceed ? () => (0, devkit_1.installPackagesTask)(tree) : () => { };
+}
+exports.convertToApplicationExecutor = convertToApplicationExecutor;
+async function convertProjectTargets(tree, projectName, angularVersion, isProvidedProject = false) {
+    function warnIfProvided(message) {
+        if (isProvidedProject) {
+            devkit_1.logger.warn(message);
+        }
+    }
+    let project = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    if (project.projectType !== 'application') {
+        warnIfProvided(`The provided project "${projectName}" is not an application. Skipping conversion.`);
+        return false;
+    }
+    const { buildTargetName, serverTargetName } = getTargetsToConvert(project.targets, angularVersion);
+    if (!buildTargetName) {
+        warnIfProvided(`The provided project "${projectName}" does not have any targets using on of the ` +
+            `'@angular-devkit/build-angular:browser', '@angular-devkit/build-angular:browser-esbuild', ` +
+            `'@nx/angular:browser' and '@nx/angular:browser-esbuild' executors. Skipping conversion.`);
+        return false;
+    }
+    const useNxExecutor = project.targets[buildTargetName].executor.startsWith('@nx/angular:');
+    const newExecutor = useNxExecutor
+        ? '@nx/angular:application'
+        : '@angular-devkit/build-angular:application';
+    const buildTarget = project.targets[buildTargetName];
+    buildTarget.executor = newExecutor;
+    if ((0, semver_1.gte)(angularVersion, '17.1.0') && buildTarget.outputs) {
+        buildTarget.outputs = buildTarget.outputs.map((output) => output === '{options.outputPath}' ? '{options.outputPath.base}' : output);
+    }
+    for (const [, options] of (0, targets_1.allTargetOptions)(buildTarget)) {
+        if (options['index'] === '') {
+            options['index'] = false;
+        }
+        // Rename and transform options
+        options['browser'] = options['main'];
+        if (serverTargetName && typeof options['browser'] === 'string') {
+            options['server'] = (0, posix_1.dirname)(options['browser']) + '/main.server.ts';
+        }
+        options['serviceWorker'] =
+            options['ngswConfigPath'] ?? options['serviceWorker'];
+        if (typeof options['polyfills'] === 'string') {
+            options['polyfills'] = [options['polyfills']];
+        }
+        let outputPath = options['outputPath'];
+        if ((0, semver_1.lt)(angularVersion, '17.1.0')) {
+            options['outputPath'] = outputPath?.replace(/\/browser\/?$/, '');
+        }
+        else if (typeof outputPath === 'string') {
+            if (!/\/browser\/?$/.test(outputPath)) {
+                devkit_1.logger.warn(`The output location of the browser build has been updated from "${outputPath}" to ` +
+                    `"${(0, posix_1.join)(outputPath, 'browser')}". ` +
+                    'You might need to adjust your deployment pipeline or, as an alternative, ' +
+                    'set outputPath.browser to "" in order to maintain the previous functionality.');
+            }
+            else {
+                outputPath = outputPath.replace(/\/browser\/?$/, '');
+            }
+            options['outputPath'] = {
+                base: outputPath,
+            };
+            if (typeof options['resourcesOutputPath'] === 'string') {
+                const media = options['resourcesOutputPath'].replaceAll('/', '');
+                if (media && media !== 'media') {
+                    options['outputPath'] = {
+                        base: outputPath,
+                        media: media,
+                    };
+                }
+            }
+        }
+        // Delete removed options
+        if ((0, semver_1.lt)(angularVersion, '17.3.0')) {
+            delete options['deployUrl'];
+        }
+        delete options['vendorChunk'];
+        delete options['commonChunk'];
+        delete options['resourcesOutputPath'];
+        delete options['buildOptimizer'];
+        delete options['main'];
+        delete options['ngswConfigPath'];
+    }
+    // Merge browser and server tsconfig
+    if (serverTargetName) {
+        const browserTsConfigPath = buildTarget?.options?.tsConfig;
+        const serverTsConfigPath = project.targets['server']?.options?.tsConfig;
+        if (typeof browserTsConfigPath !== 'string') {
+            devkit_1.logger.warn(`Cannot update project "${projectName}" to use the application executor ` +
+                `as the browser tsconfig cannot be located.`);
+        }
+        if (typeof serverTsConfigPath !== 'string') {
+            devkit_1.logger.warn(`Cannot update project "${projectName}" to use the application executor ` +
+                `as the server tsconfig cannot be located.`);
+        }
+        const browserTsConfigJson = (0, devkit_1.readJson)(tree, browserTsConfigPath);
+        const serverTsConfigJson = (0, devkit_1.readJson)(tree, serverTsConfigPath);
+        const files = new Set([
+            ...(browserTsConfigJson.files ?? []),
+            ...(serverTsConfigJson.files ?? []),
+        ]);
+        // Server file will be added later by the setup-ssr generator
+        files.delete('server.ts');
+        browserTsConfigJson.files = Array.from(files);
+        browserTsConfigJson.compilerOptions ?? {};
+        browserTsConfigJson.compilerOptions.types = Array.from(new Set([
+            ...(browserTsConfigJson.compilerOptions.types ?? []),
+            ...(serverTsConfigJson.compilerOptions?.types ?? []),
+        ]));
+        // Delete server tsconfig
+        tree.delete(serverTsConfigPath);
+    }
+    // Update project main tsconfig
+    const projectRootTsConfigPath = (0, posix_1.join)(project.root, 'tsconfig.json');
+    if (tree.exists(projectRootTsConfigPath)) {
+        const rootTsConfigJson = (0, devkit_1.readJson)(tree, projectRootTsConfigPath);
+        rootTsConfigJson.compilerOptions ?? {};
+        rootTsConfigJson.compilerOptions.esModuleInterop = true;
+        rootTsConfigJson.compilerOptions.downlevelIteration = undefined;
+        rootTsConfigJson.compilerOptions.allowSyntheticDefaultImports = undefined;
+        (0, devkit_1.writeJson)(tree, projectRootTsConfigPath, rootTsConfigJson);
+    }
+    // Update server file
+    const ssrMainFile = project.targets['server']?.options?.['main'];
+    if (typeof ssrMainFile === 'string') {
+        tree.delete(ssrMainFile);
+        // apply changes so the setup-ssr generator can access the updated project
+        (0, devkit_1.updateProjectConfiguration)(tree, projectName, project);
+        await (0, setup_ssr_1.setupSsr)(tree, { project: projectName, skipFormat: true });
+        // re-read project configuration as it might have changed
+        project = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    }
+    // Delete all redundant targets
+    for (const [targetName, target] of Object.entries(project.targets)) {
+        if (redundantExecutors.has(target.executor)) {
+            delete project.targets[targetName];
+        }
+    }
+    (0, devkit_1.updateProjectConfiguration)(tree, projectName, project);
+    return true;
+}
+function getTargetsToConvert(targets, angularVersion) {
+    let buildTargetName;
+    let serverTargetName;
+    for (const target of Object.keys(targets)) {
+        if (targets[target].executor === '@nx/angular:application' ||
+            targets[target].executor === '@angular-devkit/build-angular:application') {
+            devkit_1.logger.warn('The project is already using the application builder. Skipping conversion.');
+            return {};
+        }
+        // build target
+        if (executorsToConvert.has(targets[target].executor)) {
+            for (const [, options] of (0, targets_1.allTargetOptions)(targets[target])) {
+                if ((0, semver_1.lt)(angularVersion, '17.3.0') && options.deployUrl) {
+                    devkit_1.logger.warn(`The project is using the "deployUrl" option which is not available in the application builder. Skipping conversion.`);
+                    return {};
+                }
+                if (options.customWebpackConfig) {
+                    devkit_1.logger.warn(`The project is using a custom webpack configuration which is not supported by the esbuild-based application executor. Skipping conversion.`);
+                    return {};
+                }
+            }
+            if (buildTargetName) {
+                devkit_1.logger.warn('The project has more than one build target. Skipping conversion.');
+                return {};
+            }
+            buildTargetName = target;
+        }
+        // server target
+        if (serverTargetExecutors.has(targets[target].executor)) {
+            if (targets[target].executor === '@nx/angular:webpack-server') {
+                for (const [, options] of (0, targets_1.allTargetOptions)(targets[target])) {
+                    if (options.customWebpackConfig) {
+                        devkit_1.logger.warn(`The project is using a custom webpack configuration which is not supported by the esbuild-based application executor. Skipping conversion.`);
+                        return {};
+                    }
+                }
+            }
+            if (serverTargetName) {
+                devkit_1.logger.warn('The project has more than one server target. Skipping conversion.');
+                return {};
+            }
+            serverTargetName = target;
+        }
+    }
+    return { buildTargetName, serverTargetName };
+}
+exports.default = convertToApplicationExecutor;

package/src/generators/convert-to-application-executor/schema.d.ts

@@ -0,0 +1,4 @@
+export interface GeneratorOptions {
+  project?: string;
+  skipFormat?: boolean;
+}

package/src/generators/convert-to-application-executor/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NxAngularConvertToApplicationExecutorGenerator",
+  "cli": "nx",
+  "title": "Converts projects to use the `@nx/angular:application` executor or the `@angular-devkit/build-angular:application` builder. _Note: this is only supported in Angular versions >= 17.0.0_.",
+  "description": "Converts a project or all projects using one of the `@angular-devkit/build-angular:browser`, `@angular-devkit/build-angular:browser-esbuild`, `@nx/angular:browser` and `@nx/angular:browser-esbuild` executors to use the `@nx/angular:application` executor or the `@angular-devkit/build-angular:application` builder. If the converted target is using one of the `@nx/angular` executors, the `@nx/angular:application` executor will be used. Otherwise, the `@angular-devkit/build-angular:application` builder will be used.",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "Name of the Angular application project to convert. It has to contain a target using one of the `@angular-devkit/build-angular:browser`, `@angular-devkit/build-angular:browser-esbuild`, `@nx/angular:browser` and `@nx/angular:browser-esbuild` executors. If not specified, all projects with such targets will be converted.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-priority": "important"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "additionalProperties": false
+}

package/src/generators/convert-to-with-mf/convert-to-with-mf.js

@@ -24,7 +24,9 @@ async function convertToWithMF(tree, schema) {
     const [updatedWebpackConfig, mfConfig] = (0, lib_1.writeNewWebpackConfig)(webpackAst, (0, lib_1.isHostRemoteConfig)(webpackAst), schema.project);
     tree.write(pathToWebpackConfig, updatedWebpackConfig);
     tree.write((0, devkit_1.joinPathFragments)(project.root, 'module-federation.config.js'), mfConfig);
-    await (0, devkit_1.formatFiles)(tree);
+    if (!schema.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
 }
 exports.convertToWithMF = convertToWithMF;
 exports.default = convertToWithMF;

package/src/generators/convert-to-with-mf/lib/write-new-webpack-config.js

@@ -4,8 +4,9 @@ exports.writeNewWebpackConfig = void 0;
 const is_host_remote_config_1 = require("./is-host-remote-config");
 function writeNewWebpackConfig(ast, mfType, projectName) {
     const webpackConfig = `const { withModuleFederation } = require('@nx/angular/module-federation');
-  const config = require('./module-federation.config');
-  module.exports = withModuleFederation(config);`;
+const config = require('./module-federation.config');
+module.exports = withModuleFederation(config);
+`;
     let mfeConfig = '';
     if (!mfType) {
         mfeConfig = `

package/src/generators/convert-to-with-mf/schema.d.ts

@@ -1,3 +1,4 @@
 export interface Schema {
   project: string;
+  skipFormat?: boolean;
 }

package/src/generators/convert-to-with-mf/schema.json

@@ -22,6 +22,12 @@
       },
       "x-prompt": "What micro frontend project would you like to migrate?",
       "x-priority": "important"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
     }
   }
 }

package/src/generators/cypress-component-configuration/cypress-component-configuration.d.ts

@@ -1,8 +1,9 @@
 import { Tree } from '@nx/devkit';
 import { CypressComponentConfigSchema } from './schema';
+export declare function cypressComponentConfiguration(tree: Tree, options: CypressComponentConfigSchema): Promise<import("@nx/devkit").GeneratorCallback>;
 /**
  * This is for cypress built in component testing, if you want to test with
  * storybook + cypress then use the componentCypressGenerator instead.
  */
-export declare function cypressComponentConfiguration(tree: Tree, options: CypressComponentConfigSchema): Promise<() => void>;
+export declare function cypressComponentConfigurationInternal(tree: Tree, options: CypressComponentConfigSchema): Promise<import("@nx/devkit").GeneratorCallback>;
 export default cypressComponentConfiguration;

package/src/generators/cypress-component-configuration/cypress-component-configuration.js

@@ -1,41 +1,48 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cypressComponentConfiguration = void 0;
-const cypress_1 = require("@nx/cypress");
-const config_1 = require("@nx/cypress/src/utils/config");
-const find_target_options_1 = require("@nx/cypress/src/utils/find-target-options");
+exports.cypressComponentConfigurationInternal = exports.cypressComponentConfiguration = void 0;
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
+const versions_1 = require("../../utils/versions");
 const component_test_1 = require("../component-test/component-test");
 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 update_app_editor_tsconfig_excluded_files_1 = require("../utils/update-app-editor-tsconfig-excluded-files");
+function cypressComponentConfiguration(tree, options) {
+    return cypressComponentConfigurationInternal(tree, {
+        ...options,
+    });
+}
+exports.cypressComponentConfiguration = cypressComponentConfiguration;
 /**
  * This is for cypress built in component testing, if you want to test with
  * storybook + cypress then use the componentCypressGenerator instead.
  */
-async function cypressComponentConfiguration(tree, options) {
+async function cypressComponentConfigurationInternal(tree, options) {
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    const installTask = await (0, cypress_1.componentConfigurationGenerator)(tree, {
+    const { componentConfigurationGenerator: baseCyCTConfig } = (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
+    const installTask = await baseCyCTConfig(tree, {
         project: options.project,
         skipFormat: true,
+        addPlugin: false,
+        addExplicitTargets: true,
     });
-    await updateProjectConfig(tree, options);
+    await configureCypressCT(tree, options);
     await addFiles(tree, projectConfig, options);
+    if (projectConfig.projectType === 'application') {
+        (0, update_app_editor_tsconfig_excluded_files_1.updateAppEditorTsConfigExcludedFiles)(tree, projectConfig);
+    }
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);
     }
-    return () => {
-        installTask();
-    };
+    return installTask;
 }
-exports.cypressComponentConfiguration = cypressComponentConfiguration;
+exports.cypressComponentConfigurationInternal = cypressComponentConfigurationInternal;
 async function addFiles(tree, projectConfig, options) {
-    const cyConfigFile = (0, devkit_1.joinPathFragments)(projectConfig.root, 'cypress.config.ts');
-    const updatedCyConfig = await (0, config_1.addDefaultCTConfig)(tree.read(cyConfigFile, 'utf-8'));
-    tree.write(cyConfigFile, `import { nxComponentTestingPreset } from '@nx/angular/plugins/component-testing';\n${updatedCyConfig}`);
     const componentFile = (0, devkit_1.joinPathFragments)(projectConfig.root, 'cypress', 'support', 'component.ts');
-    const updatedCmpContents = await (0, config_1.addMountDefinition)(tree.read(componentFile, 'utf-8'));
+    const { addMountDefinition } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/config'));
+    const updatedCmpContents = await addMountDefinition(tree.read(componentFile, 'utf-8'));
     tree.write(componentFile, `import { mount } from 'cypress/angular';\n${updatedCmpContents}`);
     if (options.generateTests) {
         const entryPoints = (0, entry_point_1.getProjectEntryPoints)(tree, options.project);
@@ -49,7 +56,7 @@ async function addFiles(tree, projectConfig, options) {
                 continue;
             }
             const componentDirFromProjectRoot = (0, path_1.relative)(projectConfig.root, (0, devkit_1.joinPathFragments)(info.moduleFolderPath, info.path));
-            (0, component_test_1.componentTestGenerator)(tree, {
+            await (0, component_test_1.componentTestGenerator)(tree, {
                 project: options.project,
                 componentName: info.name,
                 componentDir: componentDirFromProjectRoot,
@@ -59,10 +66,11 @@ async function addFiles(tree, projectConfig, options) {
         }
     }
 }
-async function updateProjectConfig(tree, options) {
+async function configureCypressCT(tree, options) {
     let found = { target: options.buildTarget, config: undefined };
     if (!options.buildTarget) {
-        found = await (0, find_target_options_1.findBuildConfig)(tree, {
+        const { findBuildConfig } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/find-target-options'));
+        found = await findBuildConfig(tree, {
             project: options.project,
             buildTarget: options.buildTarget,
             validExecutorNames: new Set([
@@ -73,13 +81,24 @@ async function updateProjectConfig(tree, options) {
         });
         assertValidConfig(found?.config);
     }
+    const ctConfigOptions = {};
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    projectConfig.targets['component-test'].options = {
-        ...projectConfig.targets['component-test'].options,
-        skipServe: true,
-        devServerTarget: found.target,
-    };
-    (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
+    if (projectConfig.targets?.['component-test']?.executor ===
+        '@nx/cypress:cypress') {
+        projectConfig.targets['component-test'].options = {
+            ...projectConfig.targets['component-test'].options,
+            skipServe: true,
+            devServerTarget: found.target,
+        };
+        (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
+    }
+    else {
+        ctConfigOptions.buildTarget = found.target;
+    }
+    const { addDefaultCTConfig, getProjectCypressConfigPath } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/config'));
+    const cypressConfigPath = getProjectCypressConfigPath(tree, projectConfig.root);
+    const updatedCyConfig = await addDefaultCTConfig(tree.read(cypressConfigPath, 'utf-8'), ctConfigOptions);
+    tree.write(cypressConfigPath, `import { nxComponentTestingPreset } from '@nx/angular/plugins/component-testing';\n${updatedCyConfig}`);
 }
 function assertValidConfig(config) {
     if (!config) {

package/src/generators/directive/directive.js

@@ -5,7 +5,6 @@ const devkit_1 = require("@nx/devkit");
 const utils_1 = require("../utils");
 const lib_1 = require("./lib");
 async function directiveGenerator(tree, schema) {
-    (0, lib_1.validateOptions)(tree, schema);
     const options = await (0, lib_1.normalizeOptions)(tree, schema);
     (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), options.directory, {
         selector: options.selector,

package/src/generators/directive/files/__fileName__.ts__tpl__

@@ -5,7 +5,5 @@ import { Directive } from '@angular/core';
   standalone: true<%}%>
 })
 export class <%= symbolName %> {
-
-  constructor() { }
-
+  constructor() {}
 }

package/src/generators/directive/lib/index.d.ts

@@ -1,2 +1 @@
 export * from './normalize-options';
-export * from './validate-options';

package/src/generators/directive/lib/index.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./normalize-options"), exports);
-tslib_1.__exportStar(require("./validate-options"), exports);

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

@@ -20,7 +20,8 @@ async function normalizeOptions(tree, options) {
     const symbolName = `${className}${suffixClassName}`;
     const { prefix } = (0, devkit_1.readProjectConfiguration)(tree, projectName);
     const selector = options.selector ??
-        (0, selector_1.buildSelector)(tree, name, options.prefix, prefix, 'propertyName');
+        (0, selector_1.buildSelector)(name, options.prefix, prefix, 'propertyName');
+    (0, selector_1.validateHtmlSelector)(selector);
     return {
         ...options,
         projectName,
@@ -30,6 +31,7 @@ async function normalizeOptions(tree, options) {
         filePath,
         symbolName,
         selector,
+        standalone: options.standalone ?? true,
     };
 }
 exports.normalizeOptions = normalizeOptions;

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

@@ -13,15 +13,15 @@ export interface Schema {
   export?: boolean;
   skipFormat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19.
    */
   flat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead. It will be removed in Nx v19.
    */
   path?: string;
   /**
-   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/directive/schema.json

@@ -34,7 +34,7 @@
         "$source": "projectName"
       },
       "x-dropdown": "projects",
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
     },
     "prefix": {
       "type": "string",
@@ -66,15 +66,15 @@
       "description": "The HTML selector to use for this directive."
     },
     "standalone": {
-      "description": "Whether the generated directive is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "description": "Whether the generated directive is standalone.",
       "type": "boolean",
-      "default": false
+      "default": true
     },
     "flat": {
       "type": "boolean",
       "description": "When true (the default), creates the new files at the top level of the current project.",
       "default": true,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
     },
     "module": {
       "type": "string",

package/src/generators/federate-module/federate-module.js

@@ -9,6 +9,7 @@ async function federateModuleGenerator(tree, schema) {
     
     Path: ${schema.path}`);
     }
+    schema.standalone = schema.standalone ?? true;
     const { tasks, projectRoot, remoteName } = await (0, lib_1.addRemote)(tree, schema);
     (0, lib_1.addFileToRemoteTsconfig)(tree, remoteName, schema.path);
     (0, lib_1.addPathToExposes)(tree, {

package/src/generators/federate-module/lib/add-remote.d.ts

@@ -1,4 +1,4 @@
-import { GeneratorCallback, type Tree } from '@nx/devkit';
+import type { GeneratorCallback, Tree } from '@nx/devkit';
 import { type Schema } from '../schema';
 export declare function addRemote(tree: Tree, schema: Schema): Promise<{
     tasks: GeneratorCallback[];

package/src/generators/federate-module/lib/add-remote.js

@@ -1,24 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addRemote = void 0;
-const devkit_1 = require("@nx/devkit");
 const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
-const semver_1 = require("semver");
-const check_remote_exists_1 = require("./check-remote-exists");
-const version_utils_1 = require("../../utils/version-utils");
-const remote_1 = require("../../remote/remote");
 const test_runners_1 = require("../../../utils/test-runners");
+const remote_1 = require("../../remote/remote");
+const check_remote_exists_1 = require("./check-remote-exists");
 async function addRemote(tree, schema) {
     const tasks = [];
     const remote = (0, check_remote_exists_1.getRemoteIfExists)(tree, schema.remote);
     let projectRoot, remoteName;
     if (!remote) {
-        const installedAngularVersionInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-        if ((0, semver_1.lt)(installedAngularVersionInfo.version, '14.1.0') &&
-            schema.standalone) {
-            throw new Error((0, devkit_1.stripIndents) `The "standalone" option is only supported in Angular >= 14.1.0. You are currently using ${installedAngularVersionInfo.version}.
-    You can resolve this error by removing the "standalone" option or by migrating to Angular 14.1.0.`);
-        }
         const remoteGeneratorCallback = await (0, remote_1.default)(tree, {
             name: schema.remote,
             directory: schema.remoteDirectory,

package/src/generators/federate-module/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactFederateModule",
   "title": "Federate Module",
@@ -12,22 +12,22 @@
   ],
   "type": "object",
   "properties": {
-    "name": {
-      "description": "The name of the module.",
+    "path": {
       "type": "string",
       "$default": {
         "$source": "argv",
         "index": 0
       },
+      "description": "The path to locate the federated module.",
+      "x-prompt": "What is the path to the module to be federated?"
+    },
+    "name": {
+      "description": "The name of the module.",
+      "type": "string",
       "x-prompt": "What name would you like to use for the module?",
       "pattern": "^[a-zA-Z][^:]*$",
       "x-priority": "important"
     },
-    "path": {
-      "type": "string",
-      "description": "The path to locate the federated module.",
-      "x-prompt": "What is the path to the module to be federated?"
-    },
     "remote": {
       "type": "string",
       "description": "The name of the remote.",
@@ -67,9 +67,9 @@
       "default": "cypress"
     },
     "standalone": {
-      "description": "Whether to generate the remote application with standalone components if it needs to be created. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "Whether to generate the remote application with standalone components if it needs to be created.",
       "type": "boolean",
-      "default": false
+      "default": true
     },
     "host": {
       "type": "string",