@nx/angular 17.0.2 → 17.0.4

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = 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 get_npm_scope_1 = require("@nx/js/src/utils/package-json/get-npm-scope");
 const eslint_1 = require("@nx/eslint");
 const test_runners_1 = require("../../../utils/test-runners");
-const project_1 = require("../../utils/project");
+const version_utils_1 = require("../../utils/version-utils");
 async function normalizeOptions(host, options) {
     const { projectName: appProjectName, projectRoot: appProjectRoot, projectNameAndRootFormat, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
         name: options.name,
@@ -17,16 +17,31 @@ async function normalizeOptions(host, options) {
     });
     options.rootProject = appProjectRoot === '.';
     options.projectNameAndRootFormat = projectNameAndRootFormat;
+    const nxJson = (0, devkit_1.readNxJson)(host);
+    let e2eWebServerTarget = 'serve';
+    let e2ePort = options.port ?? 4200;
+    if (nxJson.targetDefaults?.[e2eWebServerTarget] &&
+        (nxJson.targetDefaults?.[e2eWebServerTarget].options?.port ||
+            nxJson.targetDefaults?.[e2eWebServerTarget].options?.env?.PORT)) {
+        e2ePort =
+            nxJson.targetDefaults?.[e2eWebServerTarget].options?.port ||
+                nxJson.targetDefaults?.[e2eWebServerTarget].options?.env?.PORT;
+    }
     const e2eProjectName = options.rootProject ? 'e2e' : `${appProjectName}-e2e`;
     const e2eProjectRoot = options.rootProject ? 'e2e' : `${appProjectRoot}-e2e`;
+    const e2eWebServerAddress = `http://localhost:${e2ePort}`;
     const parsedTags = options.tags
         ? options.tags.split(',').map((s) => s.trim())
         : [];
-    const prefix = (0, project_1.normalizeNewProjectPrefix)(options.prefix, (0, get_npm_scope_1.getNpmScope)(host), 'app');
+    let bundler = options.bundler;
+    if (!bundler) {
+        const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(host);
+        bundler = angularMajorVersion >= 17 ? 'esbuild' : 'webpack';
+    }
     // Set defaults and then overwrite with user options
     return {
         style: 'css',
-        routing: false,
+        routing: true,
         inlineStyle: false,
         inlineTemplate: false,
         skipTests: options.unitTestRunner === test_runners_1.UnitTestRunner.None,
@@ -35,14 +50,21 @@ async function normalizeOptions(host, options) {
         e2eTestRunner: test_runners_1.E2eTestRunner.Cypress,
         linter: eslint_1.Linter.EsLint,
         strict: true,
-        bundler: options.bundler ?? 'webpack',
+        standalone: true,
         ...options,
-        prefix,
+        prefix: options.prefix || 'app',
         name: appProjectName,
         appProjectRoot,
+        appProjectSourceRoot: `${appProjectRoot}/src`,
         e2eProjectRoot,
         e2eProjectName,
+        e2eWebServerAddress,
+        e2eWebServerTarget,
+        e2ePort,
         parsedTags,
+        bundler,
+        outputPath: (0, devkit_1.joinPathFragments)('dist', !options.rootProject ? appProjectRoot : appProjectName),
+        ssr: options.ssr ?? false,
     };
 }
 exports.normalizeOptions = normalizeOptions;

package/src/generators/application/lib/normalized-schema.d.ts

@@ -7,7 +7,12 @@ export interface NormalizedSchema extends Schema {
     e2eTestRunner: E2eTestRunner;
     prefix: string;
     appProjectRoot: string;
+    appProjectSourceRoot: string;
     e2eProjectName: string;
     e2eProjectRoot: string;
+    e2eWebServerAddress: string;
+    e2eWebServerTarget: string;
+    e2ePort: number;
     parsedTags: string[];
+    outputPath: string;
 }

package/src/generators/application/lib/set-generator-defaults.d.ts

@@ -0,0 +1,3 @@
+import { type Tree } from '@nx/devkit';
+import type { NormalizedSchema } from './normalized-schema';
+export declare function setGeneratorDefaults(tree: Tree, options: NormalizedSchema): void;

package/src/generators/application/lib/set-generator-defaults.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setGeneratorDefaults = void 0;
+const devkit_1 = require("@nx/devkit");
+function setGeneratorDefaults(tree, options) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    nxJson.generators = nxJson.generators ?? {};
+    nxJson.generators['@nx/angular:application'] = {
+        e2eTestRunner: options.e2eTestRunner,
+        linter: options.linter,
+        style: options.style,
+        unitTestRunner: options.unitTestRunner,
+        ...(nxJson.generators['@nx/angular:application'] || {}),
+    };
+    (0, devkit_1.updateNxJson)(tree, nxJson);
+}
+exports.setGeneratorDefaults = setGeneratorDefaults;

package/src/generators/application/lib/update-editor-tsconfig.d.ts

@@ -1,3 +1,3 @@
-import type { Tree } from '@nx/devkit';
+import { type Tree } from '@nx/devkit';
 import type { NormalizedSchema } from './normalized-schema';
 export declare function updateEditorTsConfig(tree: Tree, options: NormalizedSchema): void;

package/src/generators/application/lib/update-editor-tsconfig.js

@@ -2,24 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateEditorTsConfig = void 0;
 const devkit_1 = require("@nx/devkit");
+const update_app_editor_tsconfig_excluded_files_1 = require("../../utils/update-app-editor-tsconfig-excluded-files");
 function getCompilerOptionsTypes(tsConfig) {
     return tsConfig?.compilerOptions?.types ?? [];
 }
 function updateEditorTsConfig(tree, options) {
-    const types = getCompilerOptionsTypes((0, devkit_1.readJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json')));
-    if (options.unitTestRunner !== 'none') {
-        types.push(...getCompilerOptionsTypes((0, devkit_1.readJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.spec.json'))));
-    }
-    (0, devkit_1.updateJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.editor.json'), (json) => {
-        json.compilerOptions.types = types;
-        return json;
-    });
-    // This should be the last tsconfig references so it's not in the template
-    (0, devkit_1.updateJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.json'), (json) => {
-        json.references.push({
-            path: './tsconfig.editor.json',
+    const appTsConfig = (0, devkit_1.readJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'));
+    const types = getCompilerOptionsTypes(appTsConfig);
+    if (types?.length) {
+        (0, devkit_1.updateJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.editor.json'), (json) => {
+            json.compilerOptions ??= {};
+            json.compilerOptions.types = Array.from(new Set(types));
+            return json;
         });
-        return json;
-    });
+    }
+    const project = (0, devkit_1.readProjectConfiguration)(tree, options.name);
+    (0, update_app_editor_tsconfig_excluded_files_1.updateAppEditorTsConfigExcludedFiles)(tree, project);
 }
 exports.updateEditorTsConfig = updateEditorTsConfig;

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

@@ -30,4 +30,5 @@ export interface Schema {
   rootProject?: boolean;
   minimal?: boolean;
   bundler?: 'webpack' | 'esbuild';
+  ssr?: boolean;
 }

package/src/generators/application/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "GeneratorNxApp",
   "title": "Creates an Angular application.",
   "description": "Creates an Angular application.",
@@ -41,24 +41,23 @@
           },
           {
             "value": "scss",
-            "label": "SASS(.scss)  [ http://sass-lang.com   ]"
+            "label": "SASS(.scss)  [ https://sass-lang.com   ]"
           },
           {
             "value": "sass",
-            "label": "SASS(.sass)  [ http://sass-lang.com   ]"
+            "label": "SASS(.sass)  [ https://sass-lang.com   ]"
           },
           {
             "value": "less",
-            "label": "LESS         [ http://lesscss.org     ]"
+            "label": "LESS         [ https://lesscss.org     ]"
           }
         ]
       }
     },
     "routing": {
       "type": "boolean",
-      "description": "Generate a routing module.",
-      "default": false,
-      "x-prompt": "Would you like to configure routing for this application?",
+      "description": "Enable routing for the application.",
+      "default": true,
       "x-priority": "important"
     },
     "inlineStyle": {
@@ -82,6 +81,7 @@
       "type": "string",
       "format": "html-selector",
       "description": "The prefix to apply to generated selectors.",
+      "default": "app",
       "alias": "p"
     },
     "skipTests": {
@@ -155,8 +155,9 @@
       "default": false
     },
     "standalone": {
-      "description": "Generate an application that is setup to use standalone components. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "Generate an application that is setup to use standalone components.",
       "type": "boolean",
+      "default": true,
       "x-priority": "important"
     },
     "rootProject": {
@@ -172,10 +173,17 @@
       "default": false
     },
     "bundler": {
-      "description": "Bundler to use to build the application.",
+      "description": "Bundler to use to build the application. It defaults to `esbuild` for Angular versions >= 17.0.0. Otherwise, it defaults to `webpack`. _Note: The `esbuild` bundler is only considered stable from Angular v17._",
       "type": "string",
       "enum": ["webpack", "esbuild"],
-      "default": "webpack"
+      "x-prompt": "Which bundler do you want to use to build the application?",
+      "x-priority": "important"
+    },
+    "ssr": {
+      "description": "Creates an application with Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering) enabled.",
+      "type": "boolean",
+      "x-prompt": "Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?",
+      "default": false
     }
   },
   "additionalProperties": false,

package/src/generators/component/component.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentGeneratorInternal = exports.componentGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const utils_1 = require("../utils");
+const version_utils_1 = require("../utils/version-utils");
 const lib_1 = require("./lib");
 async function componentGenerator(tree, rawOptions) {
     await componentGeneratorInternal(tree, {
@@ -12,8 +13,8 @@ async function componentGenerator(tree, rawOptions) {
 }
 exports.componentGenerator = componentGenerator;
 async function componentGeneratorInternal(tree, rawOptions) {
-    (0, lib_1.validateOptions)(tree, rawOptions);
     const options = await (0, lib_1.normalizeOptions)(tree, rawOptions);
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
     (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), options.directory, {
         name: options.name,
         fileName: options.fileName,
@@ -27,6 +28,7 @@ async function componentGeneratorInternal(tree, rawOptions) {
         viewEncapsulation: options.viewEncapsulation,
         displayBlock: options.displayBlock,
         selector: options.selector,
+        angularMajorVersion,
         tpl: '',
     });
     if (options.skipTests) {
@@ -46,6 +48,7 @@ async function componentGeneratorInternal(tree, rawOptions) {
         (0, utils_1.addToNgModule)(tree, options.directory, modulePath, options.name, options.symbolName, options.fileName, 'declarations', true, options.export);
     }
     (0, lib_1.exportComponentInEntryPoint)(tree, options);
+    (0, lib_1.setGeneratorDefaults)(tree, options);
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);
     }

package/src/generators/component/files/__fileName__.spec.ts__tpl__

@@ -7,9 +7,8 @@ describe('<%= symbolName %>', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      <%= standalone ? 'imports' : 'declarations' %>: [ <%= symbolName %> ]
-    })
-    .compileComponents();
+      <%= standalone ? 'imports' : 'declarations' %>: [<%= symbolName %>]
+    }).compileComponents();
 
     fixture = TestBed.createComponent(<%= symbolName %>);
     component = fixture.componentInstance;

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

@@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common';<% } %>
   standalone: true,
   imports: [CommonModule],<%}%><% if(inlineTemplate) { %>
   template: `<p><%= name %> works!</p>`<% } else { %>
-  templateUrl: './<%= fileName %>.html'<% } if(inlineStyle) { %>,
+  templateUrl: './<%= fileName %>.html'<% } if (angularMajorVersion < 17) { if(inlineStyle) { %>,
   styles: [<% if(displayBlock){ %>
     `
       :host {
@@ -14,7 +14,13 @@ import { CommonModule } from '@angular/common';<% } %>
       }
     `<% } %>
   ]<% } else if (style !== 'none') { %>,
-  styleUrls: ['./<%= fileName %>.<%= style %>']<% } %><% if(!!viewEncapsulation) { %>,
+  styleUrls: ['./<%= fileName %>.<%= style %>']<% } %><% } else { if(inlineStyle) { %>,
+  styles: `<% if(displayBlock){ %>
+    :host {
+      display: block;
+    }
+  <% } %>`<% } else if (style !== 'none') { %>,
+  styleUrl: './<%= fileName %>.<%= style %>'<% } %><% } %><% if(!!viewEncapsulation) { %>,
   encapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } if (changeDetection !== 'Default') { %>,
   changeDetection: ChangeDetectionStrategy.<%= changeDetection %><% } %>
 })

package/src/generators/component/lib/component.js

@@ -28,7 +28,7 @@ function exportComponentInEntryPoint(tree, schema) {
     }
     const relativePathFromEntryPoint = (0, path_1.getRelativeImportToFile)(entryPointPath, schema.filePath);
     const updateEntryPointContent = (0, devkit_1.stripIndents) `${tree.read(entryPointPath, 'utf-8')}
-    export * from "${relativePathFromEntryPoint}";`;
+    export * from '${relativePathFromEntryPoint}';`;
     tree.write(entryPointPath, updateEntryPointContent);
 }
 exports.exportComponentInEntryPoint = exportComponentInEntryPoint;

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

@@ -1,4 +1,4 @@
 export * from './component';
 export * from './module';
 export * from './normalize-options';
-export * from './validate-options';
+export * from './set-generator-defaults';

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

@@ -4,4 +4,4 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./component"), exports);
 tslib_1.__exportStar(require("./module"), exports);
 tslib_1.__exportStar(require("./normalize-options"), exports);
-tslib_1.__exportStar(require("./validate-options"), exports);
+tslib_1.__exportStar(require("./set-generator-defaults"), exports);

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

@@ -20,14 +20,15 @@ async function normalizeOptions(tree, options) {
     const { className: suffixClassName } = (0, devkit_1.names)(options.type);
     const symbolName = `${className}${suffixClassName}`;
     const { prefix, root, sourceRoot } = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-    const selector = options.selector ??
-        (0, selector_1.buildSelector)(tree, name, options.prefix, prefix, 'fileName');
+    const selector = options.selector ?? (0, selector_1.buildSelector)(name, options.prefix, prefix, 'fileName');
+    (0, selector_1.validateHtmlSelector)(selector);
     return {
         ...options,
         name,
         projectName,
         changeDetection: options.changeDetection ?? 'Default',
         style: options.style ?? 'css',
+        standalone: options.standalone ?? true,
         directory,
         fileName,
         filePath,

package/src/generators/component/lib/set-generator-defaults.d.ts

@@ -0,0 +1,3 @@
+import { type Tree } from '@nx/devkit';
+import type { NormalizedSchema } from '../schema';
+export declare function setGeneratorDefaults(tree: Tree, options: NormalizedSchema): void;

package/src/generators/component/lib/set-generator-defaults.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setGeneratorDefaults = void 0;
+const devkit_1 = require("@nx/devkit");
+function setGeneratorDefaults(tree, options) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    nxJson.generators = nxJson.generators ?? {};
+    nxJson.generators['@nx/angular:component'] = {
+        style: options.style,
+        ...(nxJson.generators['@nx/angular:component'] || {}),
+    };
+    (0, devkit_1.updateNxJson)(tree, nxJson);
+}
+exports.setGeneratorDefaults = setGeneratorDefaults;

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

@@ -22,15 +22,15 @@ export interface Schema {
   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/component/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",
@@ -60,9 +60,9 @@
       "alias": "t"
     },
     "standalone": {
-      "description": "Whether the generated component is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "description": "Whether the generated component is standalone.",
       "type": "boolean",
-      "default": false,
+      "default": true,
       "x-priority": "important"
     },
     "viewEncapsulation": {
@@ -98,7 +98,7 @@
       "type": "boolean",
       "description": "Create the new files at the top level of the current project.",
       "default": false,
-      "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."
     },
     "skipImport": {
       "type": "boolean",

package/src/generators/component-cypress-spec/files/__componentFileName__.__fileExt__

@@ -1,12 +1,17 @@
 describe('<%=projectName%>', () => {
-  beforeEach(() => cy.visit('/iframe.html?id=<%= componentName.toLowerCase() %>--primary<% if ( props && props.length > 0 ) { %>&args=<% } %><%
-    for(let prop of props) {
-      %><%=prop.name%><%
-      if(prop.defaultValue !== undefined && (prop.defaultValue || prop.defaultValue === false)) {
-        %>:<%=prop.defaultValue%><%
-      } %>;<%
-    }%>'));
+  beforeEach(() =>
+    cy.visit(
+      '/iframe.html?id=<%= componentName.toLowerCase() %>--primary<% if ( props && props.length > 0 ) { %>&args=<% } %><%
+      for(let prop of props) {
+        %><%=prop.name%><%
+        if(prop.defaultValue !== undefined && (prop.defaultValue || prop.defaultValue === false)) {
+          %>:<%=prop.defaultValue%><%
+        } %>;<%
+      }%>'
+    )
+  );
+
   it('should render the component', () => {
     cy.get('<%=componentSelector%>').should('exist');
   });
-});
+});

package/src/generators/component-cypress-spec/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxAngularComponentCypressSpecGenerator",
   "type": "object",
   "cli": "nx",

package/src/generators/component-story/files/__componentFileName__.stories.ts__tmpl__

@@ -14,14 +14,14 @@ type Story = StoryObj<<%=componentName%>>;
 
 export const Primary: Story = {
   args: {<% for (let prop of props) { %>
-    <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
+    <%= prop.name %>: <%- prop.defaultValue %>,<% } %>
   },
 };
 
 <% if ( interactionTests ) { %>
 export const Heading: Story = {
   args: {<% for (let prop of props) { %>
-    <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
+    <%= prop.name %>: <%- prop.defaultValue %>,<% } %>
   },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);

package/src/generators/component-test/component-test.d.ts

@@ -1,4 +1,4 @@
 import { Tree } from '@nx/devkit';
 import { ComponentTestSchema } from './schema';
-export declare function componentTestGenerator(tree: Tree, options: ComponentTestSchema): void;
+export declare function componentTestGenerator(tree: Tree, options: ComponentTestSchema): Promise<void>;
 export default componentTestGenerator;

package/src/generators/component-test/component-test.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentTestGenerator = void 0;
-const cypress_version_1 = require("@nx/cypress/src/utils/cypress-version");
 const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../utils/versions");
 const storybook_inputs_1 = require("../utils/storybook-ast/storybook-inputs");
-function componentTestGenerator(tree, options) {
-    (0, cypress_version_1.assertMinimumCypressVersion)(10);
+async function componentTestGenerator(tree, options) {
+    (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
+    const { assertMinimumCypressVersion } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/cypress-version'));
+    assertMinimumCypressVersion(10);
     const { root } = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     const componentDirPath = (0, devkit_1.joinPathFragments)(root, options.componentDir);
     const componentFilePath = (0, devkit_1.joinPathFragments)(componentDirPath, `${options.componentFileName}.ts`);
@@ -21,6 +23,9 @@ function componentTestGenerator(tree, options) {
             tpl: '',
         });
     }
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
 }
 exports.componentTestGenerator = componentTestGenerator;
 exports.default = componentTestGenerator;

package/src/generators/component-test/files/__componentFileName__.cy.ts__tpl__

@@ -2,22 +2,20 @@ import { TestBed } from '@angular/core/testing';
 import { <%= componentName %> } from './<%= componentFileName %>';
 
 describe(<%= componentName %>.name, () => {
-
   beforeEach(() => {
     TestBed.overrideComponent(<%= componentName %>, {
       add: {
         imports: [],
         providers: []
       }
-    })
-  })
+    });
+  });
 
   it('renders', () => {
-     cy.mount(<%= componentName %>,<% if(props.length > 0) { %> {
-           componentProperties: {<% for (let prop of props) { %>
-               <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
-          }
-       }<% } %>);
-  })
-
-})
+    cy.mount(<%= componentName %><% if(props.length > 0) { %>, {
+      componentProperties: {<% for (let prop of props) { %>
+        <%= prop.name %>: <%- prop.defaultValue %>,<% } %>
+      }
+    }<% } %>);
+  });
+});

package/src/generators/component-test/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxAngularComponentTestGenerator",
   "type": "object",
   "cli": "nx",

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

@@ -0,0 +1,4 @@
+import { type Tree } from '@nx/devkit';
+import type { GeneratorOptions } from './schema';
+export declare function convertToApplicationExecutor(tree: Tree, options: GeneratorOptions): Promise<() => void>;
+export default convertToApplicationExecutor;