@schematics/angular 20.0.2 → 20.0.4

package/application/files/common-files/src/app/app.html.template

@@ -134,11 +134,15 @@
     --pill-accent: var(--bright-blue);
   }
   .pill-group .pill:nth-child(6n + 2) {
+    --pill-accent: var(--electric-violet);
+  }
+  .pill-group .pill:nth-child(6n + 3) {
     --pill-accent: var(--french-violet);
   }
-  .pill-group .pill:nth-child(6n + 3),
+
   .pill-group .pill:nth-child(6n + 4),
-  .pill-group .pill:nth-child(6n + 5) {
+  .pill-group .pill:nth-child(6n + 5),
+  .pill-group .pill:nth-child(6n + 6) {
     --pill-accent: var(--hot-red);
   }
 
@@ -234,6 +238,7 @@
         @for (item of [
           { title: 'Explore the Docs', link: 'https://angular.dev' },
           { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' },
+          { title: 'Prompt and best practices for AI', link: 'https://angular.dev/ai/develop-with-ai'},
           { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' },
           { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' },
           { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' },

package/application/index.js

@@ -49,6 +49,7 @@ function default_1(options) {
                     routingScope: 'Root',
                     path: sourceDir,
                     project: options.name,
+                    typeSeparator: undefined,
                 }),
             (0, schematics_1.schematic)('component', {
                 name: 'app',

package/component/schema.d.ts

@@ -29,12 +29,12 @@ export type Schema = {
     flat?: boolean;
     /**
      * Include the component's styles directly in the `component.ts` file. By default, a
-     * separate stylesheet file (e.g., `my-component.component.css`) is created.
+     * separate stylesheet file (e.g., `my-component.css`) is created.
      */
     inlineStyle?: boolean;
     /**
      * Include the component's HTML template directly in the `component.ts` file. By default, a
-     * separate template file (e.g., `my-component.component.html`) is created.
+     * separate template file (e.g., `my-component.html`) is created.
      */
     inlineTemplate?: boolean;
     /**
@@ -45,8 +45,7 @@ export type Schema = {
     /**
      * The name for the new component. This will be used to create the component's class,
      * template, and stylesheet files. For example, if you provide `my-component`, the files
-     * will be named `my-component.component.ts`, `my-component.component.html`, and
-     * `my-component.component.css`.
+     * will be named `my-component.ts`, `my-component.html`, and `my-component.css`.
      */
     name: string;
     /**

package/component/schema.json

@@ -24,7 +24,7 @@
     },
     "name": {
       "type": "string",
-      "description": "The name for the new component. This will be used to create the component's class, template, and stylesheet files. For example, if you provide `my-component`, the files will be named `my-component.component.ts`, `my-component.component.html`, and `my-component.component.css`.",
+      "description": "The name for the new component. This will be used to create the component's class, template, and stylesheet files. For example, if you provide `my-component`, the files will be named `my-component.ts`, `my-component.html`, and `my-component.css`.",
       "$default": {
         "$source": "argv",
         "index": 0
@@ -38,14 +38,14 @@
       "alias": "b"
     },
     "inlineStyle": {
-      "description": "Include the component's styles directly in the `component.ts` file. By default, a separate stylesheet file (e.g., `my-component.component.css`) is created.",
+      "description": "Include the component's styles directly in the `component.ts` file. By default, a separate stylesheet file (e.g., `my-component.css`) is created.",
       "type": "boolean",
       "default": false,
       "alias": "s",
       "x-user-analytics": "ep.ng_inline_style"
     },
     "inlineTemplate": {
-      "description": "Include the component's HTML template directly in the `component.ts` file. By default, a separate template file (e.g., `my-component.component.html`) is created.",
+      "description": "Include the component's HTML template directly in the `component.ts` file. By default, a separate template file (e.g., `my-component.html`) is created.",
       "type": "boolean",
       "default": false,
       "alias": "t",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "20.0.2",
+  "version": "20.0.4",
   "description": "Schematics specific to Angular",
   "homepage": "https://github.com/angular/angular-cli",
   "keywords": [
@@ -22,8 +22,8 @@
   },
   "schematics": "./collection.json",
   "dependencies": {
-    "@angular-devkit/core": "20.0.2",
-    "@angular-devkit/schematics": "20.0.2",
+    "@angular-devkit/core": "20.0.4",
+    "@angular-devkit/schematics": "20.0.4",
     "jsonc-parser": "3.3.1"
   },
   "repository": {

package/server/index.js

@@ -95,6 +95,14 @@ function updateConfigFileApplicationBuilder(options) {
 function updateTsConfigFile(tsConfigPath) {
     return (host) => {
         const json = new json_file_1.JSONFile(host, tsConfigPath);
+        // Skip adding the files entry if the server entry would already be included.
+        const include = json.get(['include']);
+        if (!Array.isArray(include) || !include.includes('src/**/*.ts')) {
+            const filesPath = ['files'];
+            const files = new Set(json.get(filesPath) ?? []);
+            files.add('src/' + serverMainEntryName);
+            json.modify(filesPath, [...files]);
+        }
         const typePath = ['compilerOptions', 'types'];
         const types = new Set(json.get(typePath) ?? []);
         types.add('node');

package/utility/latest-versions.js

@@ -16,7 +16,7 @@ exports.latestVersions = {
     // As Angular CLI works with same minor versions of Angular Framework, a tilde match for the current
     Angular: '^20.0.0',
     NgPackagr: '^20.0.0',
-    DevkitBuildAngular: '^20.0.2',
-    AngularBuild: '^20.0.2',
-    AngularSSR: '^20.0.2',
+    DevkitBuildAngular: '^20.0.4',
+    AngularBuild: '^20.0.4',
+    AngularSSR: '^20.0.4',
 };

package/workspace/files/package.json.template

@@ -8,6 +8,16 @@
     "watch": "ng build --watch --configuration development"<% if (!minimal) { %>,
     "test": "ng test"<% } %>
   },
+  "prettier": {
+    "overrides": [
+      {
+        "files": "*.html",
+        "options": {
+          "parser": "angular"
+        }
+      }
+    ]
+  },
   "private": true,
   "dependencies": {
     "@angular/common": "<%= latestVersions.Angular %>",