@nx/angular 0.0.0-pr-22179-271588f

package/src/generators/add-linting/schema.json

@@ -0,0 +1,51 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "$id": "NxAngularAddLintingGenerator",
+  "title": "Add linting to an Angular project.",
+  "description": "Adds linting configuration to an Angular project.",
+  "cli": "nx",
+  "type": "object",
+  "examples": [
+    {
+      "command": "nx g @nx/angular:add-linting --prefix=cool --projectName=cool-lib --projectRoot=libs/cool-lib",
+      "description": "Adds ESLint with Angular-specific rules for an existing project named `cool-lib` with the [prefix](https://angular.io/guide/styleguide#style-02-07) `cool`"
+    }
+  ],
+  "properties": {
+    "prefix": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The prefix to apply to generated selectors.",
+      "x-priority": "important"
+    },
+    "projectName": {
+      "type": "string",
+      "description": "The name of the project.",
+      "x-priority": "important"
+    },
+    "projectRoot": {
+      "type": "string",
+      "description": "The path to the root of the selected project.",
+      "x-priority": "important"
+    },
+    "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.",
+      "default": false
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files.",
+      "default": false,
+      "x-priority": "internal"
+    },
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add dependencies to `package.json`.",
+      "x-priority": "internal"
+    }
+  },
+  "additionalProperties": false,
+  "required": ["prefix", "projectName", "projectRoot"]
+}

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

@@ -0,0 +1,5 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import type { Schema } from './schema';
+export declare function applicationGenerator(tree: Tree, schema: Partial<Schema>): Promise<GeneratorCallback>;
+export declare function applicationGeneratorInternal(tree: Tree, schema: Partial<Schema>): Promise<GeneratorCallback>;
+export default applicationGenerator;

package/src/generators/application/application.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applicationGeneratorInternal = exports.applicationGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const init_1 = require("../init/init");
+const setup_ssr_1 = require("../setup-ssr/setup-ssr");
+const setup_tailwind_1 = require("../setup-tailwind/setup-tailwind");
+const ensure_angular_dependencies_1 = require("../utils/ensure-angular-dependencies");
+const lib_1 = require("./lib");
+const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
+async function applicationGenerator(tree, schema) {
+    return await applicationGeneratorInternal(tree, {
+        projectNameAndRootFormat: 'derived',
+        ...schema,
+    });
+}
+exports.applicationGenerator = applicationGenerator;
+async function applicationGeneratorInternal(tree, schema) {
+    const options = await (0, lib_1.normalizeOptions)(tree, schema);
+    const rootOffset = (0, devkit_1.offsetFromRoot)(options.appProjectRoot);
+    await (0, js_1.initGenerator)(tree, {
+        ...options,
+        tsConfigName: options.rootProject ? 'tsconfig.json' : 'tsconfig.base.json',
+        js: false,
+        skipFormat: true,
+    });
+    await (0, init_1.angularInitGenerator)(tree, {
+        ...options,
+        skipFormat: true,
+    });
+    (0, ensure_angular_dependencies_1.ensureAngularDependencies)(tree);
+    (0, lib_1.createProject)(tree, options);
+    await (0, lib_1.createFiles)(tree, options, rootOffset);
+    if (options.addTailwind) {
+        await (0, setup_tailwind_1.setupTailwindGenerator)(tree, {
+            project: options.name,
+            skipFormat: true,
+            skipPackageJson: options.skipPackageJson,
+        });
+    }
+    await (0, lib_1.addLinting)(tree, options);
+    await (0, lib_1.addUnitTestRunner)(tree, options);
+    await (0, lib_1.addE2e)(tree, options);
+    (0, lib_1.updateEditorTsConfig)(tree, options);
+    (0, lib_1.setGeneratorDefaults)(tree, options);
+    if (options.rootProject) {
+        const nxJson = (0, devkit_1.readNxJson)(tree);
+        nxJson.defaultProject = options.name;
+        (0, devkit_1.updateNxJson)(tree, nxJson);
+    }
+    if (options.backendProject) {
+        (0, lib_1.addProxyConfig)(tree, options);
+    }
+    if (options.strict) {
+        (0, lib_1.enableStrictTypeChecking)(tree, options);
+    }
+    else {
+        (0, lib_1.setApplicationStrictDefault)(tree, false);
+    }
+    if (options.ssr) {
+        await (0, setup_ssr_1.setupSsr)(tree, {
+            project: options.name,
+            standalone: options.standalone,
+        });
+    }
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+    return () => {
+        (0, devkit_1.installPackagesTask)(tree);
+        (0, log_show_project_command_1.logShowProjectCommand)(options.name);
+    };
+}
+exports.applicationGeneratorInternal = applicationGeneratorInternal;
+exports.default = applicationGenerator;

package/src/generators/application/files/base/src/index.html__tpl__

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title><%= appName %></title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <<%= rootSelector %>></<%= rootSelector %>>
+  </body>
+</html>

package/src/generators/application/files/base/src/styles.__style__

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */

package/src/generators/application/files/base/tsconfig.app.json__tpl__

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= rootOffset %>dist/out-tsc",
+    "types": []
+  },
+  "files": ["src/main.ts"],
+  "include": ["src/**/*.d.ts"],
+  "exclude": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts"]
+}

package/src/generators/application/files/base/tsconfig.editor.json__tpl__

@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src/**/*.ts"],
+  "compilerOptions": {}
+}

package/src/generators/application/files/base/tsconfig.json__tpl__

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "useDefineForClassFields": false<% if (isUsingApplicationBuilder) { %>,
+    "esModuleInterop": true<% } %>
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.editor.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ],
+  "extends": "<%= rootTsConfig %>"
+}

package/src/generators/application/files/ng-module/src/app/app.component.html__tpl__

@@ -0,0 +1 @@
+<% if(minimal) { %><h1>Welcome <%= appName %></h1><% } else { %><<%= nxWelcomeSelector %>></<%= nxWelcomeSelector %>><% } %> <% if(routing) { %><router-outlet></router-outlet><% } %>

package/src/generators/application/files/ng-module/src/app/app.component.spec.ts__tpl__

@@ -0,0 +1,28 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';<% if(!minimal) { %>
+import { NxWelcomeComponent } from './nx-welcome.component';<% } %><% if(routing) { %>
+import { RouterTestingModule } from '@angular/router/testing';<% } %>
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [<% if(routing) { %>RouterTestingModule<% } %>],
+      declarations: [AppComponent<% if(!minimal) { %>, NxWelcomeComponent<% } %>]
+    }).compileComponents();
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain(
+      'Welcome <%= appName %>'
+    );
+  });<% if(!minimal) { %>
+
+  it(`should have as title '<%= appName %>'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('<%= appName %>');
+  });<% } %>
+});

package/src/generators/application/files/ng-module/src/app/app.component.ts__tpl__

@@ -0,0 +1,15 @@
+import { Component<% if(viewEncapsulation) { %>, ViewEncapsulation<% } %> } from '@angular/core';
+
+@Component({
+  selector: '<%= rootSelector %>',<% if(!inlineTemplate) { %>
+  templateUrl: './app.component.html',<% } else { %>
+  template: `<% if(minimal) { %><h1>Welcome <%= appName %></h1><% } else { %><<%= nxWelcomeSelector %>></<%= nxWelcomeSelector %>><% } %> <% if(routing) { %><router-outlet></router-outlet><% } %>`,<% } %><% if (angularMajorVersion < 17) { if(!inlineStyle) { %>
+  styleUrls: ['./app.component.<%= style %>'],<% } else { %>
+  styles: [``],<% } %><% } else { if(!inlineStyle) { %>
+  styleUrl: './app.component.<%= style %>',<% } else { %>
+  styles: ``,<% } %><% } %><% if(viewEncapsulation) { %>
+  encapsulation: ViewEncapsulation.<%= viewEncapsulation %>,<% } %>
+})
+export class AppComponent {<% if(!minimal) { %>
+  title = '<%= appName %>';
+<% } %>}

package/src/generators/application/files/ng-module/src/app/app.module.ts__tpl__

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';<% if(routing) { %>
+import { RouterModule } from '@angular/router';<% } %>
+import { AppComponent } from './app.component';<% if(routing) { %>
+import { appRoutes } from './app.routes';<% } %><% if(!minimal) { %>
+import { NxWelcomeComponent } from './nx-welcome.component';<% } %>
+
+@NgModule({
+  declarations: [AppComponent<% if(!minimal) { %>, NxWelcomeComponent<% } %>],
+  imports: [
+    BrowserModule,<% if(routing) { %>
+    RouterModule.forRoot(appRoutes),<% } %>
+  ],
+  providers: [],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}

package/src/generators/application/files/ng-module/src/app/app.routes.ts__tpl__

@@ -0,0 +1,3 @@
+import { Route } from '@angular/router';
+
+export const appRoutes: Route[] = [];